/* Conversion-focused refinements, using the existing Adeptive visual system. */
.home-page .hero-copy h1 { max-width: 1000px; margin-inline: auto; font-size: clamp(38px, 4.8vw, 64px); line-height: 1.12; letter-spacing: -.04em; }
.home-page .hero-copy { padding-top: 0; }
.home-page .hero-copy > p { max-width: 680px; margin-inline: auto; }
.home-page .hero-note { max-width: 580px; }
.selected-work { padding-block: 76px; }
.selected-work .section-top { align-items: end; }
.selected-work .section-top p, .buying-needs .section-top p { margin-top: 16px; max-width: 55ch; font-size: 17px; }
.selected-work-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.work-image { display: block; overflow: hidden; border-radius: 12px; }
.work-image img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; }
.selected-work-grid h3 { font-size: 24px; letter-spacing: -.03em; margin-top: 8px; }
.selected-work-grid h3 a { display: flex; justify-content: space-between; gap: 16px; }
.selected-work-grid h3 a:hover { color: var(--blue); }
.selected-work-grid article > p { font-size: 16px; line-height: 1.7; margin-top: 14px; }
.selected-work-grid article > .work-status { margin-top: 22px; color: #535f7a; font-size: 13px; }
.selected-work-grid .text-link { font-size: 15px; margin-top: 20px; min-height: 44px; }
.selected-work-grid article > .work-source { font-size: 12px; margin-top: 8px; color: #535f7a; }
.buying-needs { background: #f5f6ff; }
.offer-list article { display: grid; grid-template-columns: 1fr 1.1fr .75fr; align-items: start; gap: 36px; padding-block: 30px; border-top: 1px solid #dce1f0; }
.offer-list h3 { font-size: 25px; letter-spacing: -.03em; }
.offer-list p { font-size: 16px; line-height: 1.75; }
.offer-list article > div p { margin-top: 12px; color: #4859b2; font-size: 14px; }
.offer-list .text-link { font-size: 15px; min-height: 44px; }
.working-together { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 72px; }
.working-together > div > p { font-size: 17px; margin-block: 24px; }
.working-principles article + article { margin-top: 28px; }
.working-principles h3 { font-size: 22px; }
.working-principles p { font-size: 16px; line-height: 1.75; margin-top: 10px; }
.enquiry-options { margin: 4px 0 22px; border-block: 1px solid var(--line); }
.enquiry-options summary { padding: 17px 26px 17px 0; font-size: 14px; font-weight: 500; color: #465477; }
.enquiry-options summary span { font-weight: 400; }
.enquiry-options summary::after { top: 14px; }
.enquiry-options[open] summary { margin-bottom: 10px; }
.enquiry-options .form-row { gap: 14px; }
.form-provider { font-size: 12px; line-height: 1.7; margin-top: 12px; color: #596680; }
.form-provider a { text-decoration: underline; text-underline-offset: 3px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .work-image img { transition: transform .25s ease; } .work-image:hover img { transform: scale(1.025); } }
@media(max-width:1000px) { .selected-work-grid { gap: 20px; } .selected-work-grid h3 { font-size: 21px; } .offer-list article { grid-template-columns: 1fr 1fr; gap: 20px; } .offer-list .text-link { grid-column: 2; } .working-together { gap: 40px; } }
@media(max-width:800px) { .selected-work-grid { grid-template-columns: 1fr; gap: 42px; } .selected-work-grid article { max-width: 600px; } .selected-work .section-top { align-items: start; flex-direction: column; gap: 20px; } .selected-work-grid h3 { font-size: 26px; } .working-together { grid-template-columns: 1fr; gap: 32px; } }
@media(max-width:560px) { .home-page .hero-copy { padding-top: 0; } .home-page .hero-copy h1 { font-size: clamp(34px,9vw,42px); } .home-page .hero-copy h1 br { display: none; } .home-page .hero-actions { gap: 10px; flex-wrap: wrap; } .home-page .hero-actions .button { font-size: 13px; padding-inline: 16px; } .home-page .hero-note { padding-inline: 24px; } .offer-list article { grid-template-columns: 1fr; gap: 14px; } .offer-list .text-link { grid-column: auto; } .offer-list h3 { font-size: 25px; } .selected-work, .working-together { padding-block: 52px; } .enquiry-options .form-row { grid-template-columns: 1fr; gap: 0; } }
