.services { padding: clamp(104px, 14vw, 190px) 0; }
.services-intro { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,2fr); gap: clamp(35px,7vw,140px); align-items: start; margin-bottom: 72px; }
.services-intro > p { margin: 12px 0 0; color: var(--seal); font-size: .88rem; font-weight: 800; line-height: 1.5; }
.services h2 { max-width: 15ch; margin: 0; font-family: var(--font-display); font-size: clamp(2.35rem,5.1vw,5.4rem); line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; }
.services-intro > div > p { max-width: 46ch; margin: 26px 0 0; color: var(--quiet); line-height: 1.8; }
.service-routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 1px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.service-routes article { min-width: 0; padding: 28px 28px 25px 0; }.service-routes article + article { padding-left: 28px; border-left: 1px solid var(--line); }
.service-routes h3 { margin: 0; font-size: 1.2rem; letter-spacing: -.025em; }.service-routes p { max-width: 21ch; margin: 14px 0 0; color: var(--quiet); font-size: .9rem; line-height: 1.7; }.service-routes span { display: block; margin-top: 20px; color: var(--seal); font-size: .75rem; font-weight: 800; line-height: 1.55; }
.service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; border: 1px solid var(--ink); background: var(--ink); }
.service-grid--offers { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.service-offer { min-width: 0; }.service-offer--studio { background: #f6f0e3; }.service-offer--product { background: #e9f1dc; }.service-offer--content { background: #e7efff; }
.service-offer .service-demo-link, .service-card-note { display: block; margin-top: 22px; color: var(--seal); font-size: .78rem; font-weight: 850; line-height: 1.55; }.service-offer .service-demo-link { width: fit-content; text-decoration: none; text-underline-offset: 4px; }.service-offer .service-demo-link:hover, .service-offer .service-demo-link:focus-visible { text-decoration: underline; }.service-offer .service-action { margin-top: auto; }
.service-common { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 1px; border: 1px solid var(--ink); background: var(--fog); }.service-common p { min-height: 106px; margin: 0; padding: 21px 23px; color: var(--quiet); font-size: .82rem; line-height: 1.65; }.service-common p + p { border-left: 1px solid var(--ink); }.service-common strong { color: var(--ink); }
.service-grid--single { grid-template-columns: minmax(0, 1fr); border: 0; background: transparent; }
.service-grid--single .service-card { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(300px, 1.1fr); column-gap: clamp(42px, 8vw, 150px); min-height: 0; border: 1px solid var(--ink); }
.service-grid--single .service-card-head { grid-column: 1 / -1; }
.service-grid--single .service-card h3 { grid-column: 1; grid-row: 2 / span 4; align-self: start; margin-top: clamp(48px, 5vw, 72px); }
.service-grid--single .service-lead, .service-grid--single .service-card ul, .service-grid--single .service-boundary, .service-grid--single .service-demo-links { grid-column: 2; }
.service-grid--single .service-lead { margin-top: clamp(48px, 5vw, 72px); }
.service-grid--single .service-action { grid-column: 1 / -1; }
.service-card { display: flex; flex-direction: column; min-height: 620px; padding: clamp(26px,4vw,52px); background: var(--paper); }
.service-card.service-offer { position: relative; isolation: isolate; min-height: 640px; overflow: hidden; border: 0; }
.service-card.service-offer > * { position: relative; z-index: 1; }
.service-card.service-offer::before, .service-card.service-offer::after { position: absolute; inset: 0; content: ""; }
.service-card.service-offer::before { z-index: -2; background-position: center; background-size: cover; background-repeat: no-repeat; filter: saturate(.68) contrast(.98) brightness(.62); transform: scale(1.02); }
.service-card.service-offer::after { z-index: -1; }
.service-card.service-offer--studio { background: #20221d; color: #f7f7f2; }.service-card.service-offer--product { background: #983d2d; color: #fff8f1; }.service-card.service-offer--content { background: #193d83; color: #f5f7ff; }
.service-card.service-offer--studio::before { background-image: url("/public/concept-atelier/heno-landscape-hero-clean.jpeg"); background-position: 58% center; }.service-card.service-offer--studio::after { background: linear-gradient(135deg, rgb(14 24 20 / 94%), rgb(18 35 27 / 74%)); }
.service-card.service-offer--product::before { background-image: url("/public/concept-atelier/hero-tattoo.jpg"); background-position: 57% 45%; }.service-card.service-offer--product::after { background: linear-gradient(135deg, rgb(83 25 16 / 94%), rgb(129 45 28 / 74%)); }
.service-card.service-offer--content::before { background-image: url("/public/concept-atelier/ink-art.jpg"); background-position: 56% 48%; }.service-card.service-offer--content::after { background: linear-gradient(135deg, rgb(14 32 78 / 95%), rgb(27 60 126 / 78%)); }
.service-grid--offers .service-offer--studio { grid-column: span 5; }.service-grid--offers .service-offer--product { grid-column: span 7; }.service-grid--offers .service-offer--content { grid-column: span 7; }.service-grid--offers .service-offer--moment { grid-column: span 5; }
.service-offer .service-card-head { align-items: center; color: #fff; }.service-offer .service-card-head span { padding: 6px 8px; border: 1px solid currentColor; font-size: .72rem; line-height: 1.2; }.service-offer .service-card-head strong { color: #d6ff28; font-family: var(--font-body); font-size: clamp(2.35rem, 4.1vw, 4.2rem); line-height: .9; letter-spacing: -.035em; }.service-offer--product .service-card-head strong { color: #ffe0a5; }.service-offer--content .service-card-head strong { color: #d6ff28; }
.service-card.service-offer h3 { max-width: 7ch; margin-top: clamp(46px, 5.4vw, 72px); color: inherit; font-family: var(--font-display); font-size: clamp(3rem, 4.5vw, 4.8rem); line-height: 1.18; letter-spacing: -.01em; }.service-offer .service-lead { color: #fff; }.service-card.service-offer li { color: #fff; }.service-card.service-offer li::before { background: #d6ff28; }.service-card.service-offer--product li::before { background: #ffe0a5; }.service-offer .service-demo-link, .service-offer .service-card-note { color: #d6ff28; }.service-offer--product .service-demo-link, .service-offer--product .service-card-note { color: #ffe0a5; }.service-offer .service-action { border-color: rgba(255,255,255,.72); color: inherit; }.service-offer .service-action span { color: #d6ff28; }.service-offer--product .service-action span { color: #ffe0a5; }.service-offer .service-action:hover, .service-offer .service-action:focus-visible { background: #d6ff28; border-color: #d6ff28; color: #171717; }.service-offer--product .service-action:hover, .service-offer--product .service-action:focus-visible { background: #ffe0a5; border-color: #ffe0a5; color: #6b2318; }
.service-offer--content .service-card-head strong, .service-offer--content .service-demo-link, .service-offer--content .service-card-note, .service-offer--content .service-action span { color: #9bd7ff; }.service-card.service-offer--content li::before { background: #9bd7ff; }.service-offer--content .service-action:hover, .service-offer--content .service-action:focus-visible { background: #9bd7ff; border-color: #9bd7ff; color: #102e66; }
.service-card.service-offer--moment { background: #642646; color: #fff9fc; }
.service-card.service-offer--moment::before { background-image: url("/public/concept-moment/balloons.jpg"); background-position: center; }.service-card.service-offer--moment::after { background: linear-gradient(130deg, rgb(72 19 52 / 93%), rgb(88 29 67 / 72%)); }
.service-offer--moment .service-card-head strong, .service-offer--moment .service-demo-link, .service-offer--moment .service-action span { color: #ffd0c2; }
.service-card.service-offer--moment li::before { background: #ffd0c2; }
.service-offer--moment .service-action:hover, .service-offer--moment .service-action:focus-visible { background: #ffd0c2; border-color: #ffd0c2; color: #58203e; }
.service-page { background: #f6f0e3; }.service-tool { background: #e9f1dc; }
.service-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--quiet); font-size: .8rem; font-weight: 800; }
.service-card-head strong { color: var(--seal); font-size: 1.5rem; letter-spacing: -.03em; }
.service-card h3 { max-width: 11ch; margin: clamp(62px,8vw,106px) 0 0; font-size: clamp(2.15rem,4vw,4rem); line-height: .99; letter-spacing: -.045em; }
.service-lead { max-width: 30ch; margin: 24px 0 0; color: var(--quiet); line-height: 1.8; }
.service-card ul { display: grid; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; }
.service-card li { position: relative; padding-left: 19px; color: var(--ink); font-size: .9rem; line-height: 1.55; }
.service-card li::before { position: absolute; left: 0; top: .52em; width: 7px; height: 7px; border-radius: 50%; background: var(--seal); content: ""; }
.service-boundary { max-width: 48ch; margin: 28px 0 0; color: var(--quiet); font-size: .78rem; line-height: 1.65; }
.service-demo-links { display: grid; justify-items: start; gap: 11px; margin-top: 20px; }
.service-demo-link { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--seal); font-size: .82rem; font-weight: 850; text-decoration: none; text-underline-offset: 4px; }.service-demo-link:hover, .service-demo-link:focus-visible { text-decoration: underline; }.service-demo-link span { font-size: 1rem; }
.service-action { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding: 16px 0 0; border-top: 1px solid var(--ink); color: var(--ink); font-weight: 850; text-decoration: none; }
.service-action span { color: var(--seal); font-size: 1.25rem; transition: transform 180ms var(--ease); }.service-action:hover span, .service-action:focus-visible span { transform: translate(5px,-3px); }
.service-process { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 1px; border: 1px solid var(--ink); border-top: 0; background: var(--fog); }
.service-process span { min-height: 86px; padding: 21px 23px; color: var(--quiet); font-size: .86rem; line-height: 1.55; }.service-process span + span { border-left: 1px solid var(--ink); }.service-process b { display: block; margin-bottom: 7px; color: var(--seal); font-size: .74rem; }
.order-page { min-height: 100svh; background: var(--paper); }.order-shell { padding: clamp(42px,7vw,104px) 0 clamp(100px,13vw,180px); }
.order-intro { display: grid; grid-template-columns: minmax(170px,.65fr) minmax(0,1.75fr); gap: clamp(35px,8vw,160px); }.order-intro > p { margin: 9px 0 0; color: var(--seal); font-size: .88rem; font-weight: 850; }
.order-intro h1 { margin: 0; font-size: clamp(3rem,6.1vw,6.4rem); line-height: .97; letter-spacing: -.04em; text-wrap: balance; }.order-intro > div { grid-column: 2; display: flex; flex-wrap: wrap; gap: 12px 20px; max-width: 52ch; margin-top: 4px; color: var(--quiet); line-height: 1.72; }.order-intro strong { color: var(--ink); }
.order-context { grid-column: 2; width: fit-content; margin: 19px 0 0; padding: 9px 11px; border: 1px solid var(--seal); color: var(--seal); font-size: .8rem; font-weight: 850; line-height: 1.45; }
.order-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 22px; margin-top: clamp(74px,10vw,142px); padding-top: 1px; border-top: 1px solid var(--ink); }
.order-promise { display: flex; flex-wrap: wrap; gap: 10px 17px; padding: 23px 0 0; color: var(--quiet); font-size: .88rem; line-height: 1.65; }.order-promise strong { color: var(--ink); }.order-wide { grid-column: 1 / -1; }
.order-form label { display: grid; gap: 10px; padding-top: 25px; color: var(--ink); font-size: .88rem; font-weight: 800; }
.order-form input, .order-form select, .order-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 0; background: #faf9f4; color: var(--ink); font: inherit; font-size: .96rem; font-weight: 500; line-height: 1.55; outline: none; padding: 14px 15px; }.order-form textarea { min-height: 126px; resize: vertical; }.order-form input:focus, .order-form select:focus, .order-form textarea:focus { border-color: var(--seal); box-shadow: 0 0 0 3px rgba(180,68,43,.12); }
.order-submit { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--ink); }.order-submit button { display: inline-flex; align-items: center; gap: 14px; border: 0; background: var(--seal); color: white; cursor: pointer; font: inherit; font-size: .92rem; font-weight: 850; padding: 15px 19px; }.order-submit button span { color: var(--lime); font-size: 1.2rem; }.order-submit p { max-width: 49ch; margin: 0; color: var(--quiet); font-size: .82rem; line-height: 1.65; }
@media (max-width: 820px) { .services-intro, .order-intro { grid-template-columns: 1fr; gap: 26px; }.services-intro > p, .order-intro > p { margin: 0; }.order-intro > div, .order-context { grid-column: 1; }.service-routes { grid-template-columns: 1fr; }.service-routes article { padding: 24px 0; }.service-routes article + article { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }.service-routes p { max-width: 33ch; }.service-grid, .service-grid--offers { grid-template-columns: 1fr; }.service-grid--offers .service-offer--studio, .service-grid--offers .service-offer--product, .service-grid--offers .service-offer--content, .service-grid--offers .service-offer--moment { grid-column: auto; }.service-grid--single .service-card { display: flex; }.service-grid--single .service-card h3 { margin-top: 58px; }.service-grid--single .service-lead { margin-top: 24px; }.service-card { min-height: 0; }.service-card h3 { margin-top: 58px; }.service-common { grid-template-columns: 1fr; }.service-common p { min-height: 0; padding: 21px 23px; }.service-common p + p { border-top: 1px solid var(--ink); border-left: 0; }.service-process { grid-template-columns: 1fr; }.service-process span + span { border-top: 1px solid var(--ink); border-left: 0; }.order-form { grid-template-columns: 1fr; }.order-wide { grid-column: auto; }.order-submit { align-items: flex-start; flex-direction: column; } }

/* Direction B applies to every customer-facing route, including the request form. */
.order-intro h1 { font-family: var(--font-display); line-height: 1.05; letter-spacing: -.02em; }

/* ¥399 personal / studio offer page */
.studio-page { background: var(--paper); }
.studio-intro { display: grid; grid-template-columns: minmax(0, .94fr) minmax(320px, .9fr); gap: clamp(52px, 8vw, 150px); align-items: end; padding: clamp(64px, 9vw, 136px) 0 clamp(96px, 12vw, 178px); }
.studio-intro-copy > p, .studio-plain > div:first-child > p, .studio-section-head > p, .studio-boundary > div:first-child > p { margin: 0; color: var(--seal); font-size: .84rem; font-weight: 850; line-height: 1.55; }
.studio-intro h1, .studio-plain h2, .studio-section-head h2, .studio-boundary h2, .studio-cta h2 { margin: 0; font-family: var(--font-display); letter-spacing: -.025em; text-wrap: balance; }
.studio-intro h1 { max-width: 9ch; margin-top: 23px; font-size: clamp(3.35rem, 6vw, 6.6rem); line-height: 1.03; }
.studio-intro h1 span { color: var(--seal); }
.studio-intro-actions { display: flex; flex-wrap: wrap; gap: 21px; align-items: center; margin-top: 38px; }
.studio-primary, .studio-secondary { display: inline-flex; align-items: center; gap: 12px; font-size: .9rem; font-weight: 850; text-decoration: none; }
.studio-primary { padding: 15px 18px; background: var(--ink); color: white; }.studio-primary span { color: var(--lime); }
.studio-primary:hover, .studio-primary:focus-visible { background: var(--seal); }.studio-secondary { color: var(--ink); border-bottom: 1px solid currentColor; padding-bottom: 5px; }.studio-secondary span { color: var(--seal); }
.studio-intro-image { position: relative; margin: 0; overflow: hidden; background: var(--ink); }.studio-intro-image img { display: block; width: 100%; aspect-ratio: .92; object-fit: cover; filter: saturate(.82) contrast(1.03); }.studio-intro-image figcaption { position: absolute; right: 0; bottom: 0; padding: 10px 12px; background: var(--ink); color: #f8f8f2; font-size: .72rem; font-weight: 750; }
.studio-plain, .studio-boundary { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,1.75fr); gap: clamp(36px, 8vw, 160px); padding: clamp(92px, 13vw, 182px) 0; }
.studio-plain h2, .studio-section-head h2, .studio-boundary h2 { max-width: 13ch; font-size: clamp(2.35rem, 5.3vw, 5.45rem); line-height: 1.1; }
.studio-signals { display: grid; gap: 0; margin: 50px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }.studio-signals li { min-height: 88px; padding: 19px 0 19px 31px; border-bottom: 1px solid var(--line); color: var(--quiet); line-height: 1.72; position: relative; }.studio-signals li::before { position: absolute; top: 30px; left: 1px; width: 8px; height: 8px; border-radius: 50%; background: var(--seal); content: ""; }
.studio-delivery { padding: clamp(88px, 11vw, 156px) 0; background: #20221d; color: #f7f7f2; }.studio-section-head { display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,1.75fr); gap: clamp(36px,8vw,160px); }.studio-section-head > p { color: #d6ff28; }.studio-delivery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 76px; border-top: 1px solid rgba(255,255,255,.78); }.studio-delivery-grid article { min-height: 280px; padding: 25px 27px 25px 0; border-bottom: 1px solid rgba(255,255,255,.23); }.studio-delivery-grid article + article { padding-left: 27px; border-left: 1px solid rgba(255,255,255,.23); }.studio-delivery-grid b { color: #d6ff28; font-size: .76rem; }.studio-delivery-grid h3 { margin: 45px 0 0; font-family: var(--font-display); font-size: clamp(1.5rem,2.2vw,2.2rem); letter-spacing: -.02em; }.studio-delivery-grid p { max-width: 26ch; margin: 16px 0 0; color: #d1d1c9; font-size: .9rem; line-height: 1.72; }
.studio-prepare { padding-bottom: clamp(88px, 11vw, 150px); }.studio-prepare ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 56px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }.studio-prepare li { min-height: 132px; padding: 23px 25px 23px 0; border-bottom: 1px solid var(--line); }.studio-prepare li:nth-child(even) { padding-left: 25px; border-left: 1px solid var(--line); }.studio-prepare li b { display: block; font-size: 1.04rem; letter-spacing: -.02em; }.studio-prepare li span { display: block; max-width: 22ch; margin-top: 9px; color: var(--quiet); font-size: .86rem; line-height: 1.65; }
.studio-boundary { padding-top: clamp(88px, 11vw, 150px); border-top: 1px solid var(--ink); }.studio-boundary > div:last-child > p { max-width: 49ch; margin: 30px 0 0; color: var(--quiet); line-height: 1.8; }
.studio-cta { padding: clamp(88px, 12vw, 170px) 0; background: var(--seal); color: white; }.studio-cta p { margin: 0; color: #ffd7ca; font-size: .86rem; font-weight: 800; }.studio-cta h2 { max-width: 13ch; margin-top: 24px; font-size: clamp(2.65rem, 5.7vw, 6rem); line-height: 1.08; }.studio-cta a { display: inline-flex; gap: 13px; margin-top: 38px; padding-bottom: 7px; border-bottom: 1px solid currentColor; color: white; font-weight: 850; text-decoration: none; }.studio-cta a span { color: var(--lime); }

@media (max-width: 820px) {
  .studio-intro, .studio-plain, .studio-boundary, .studio-section-head { grid-template-columns: 1fr; gap: 28px; }
  .studio-intro { align-items: start; }.studio-intro-image { width: min(100%, 540px); }.studio-intro-image img { aspect-ratio: 1.12; }
  .studio-plain h2, .studio-section-head h2, .studio-boundary h2 { max-width: 15ch; }.studio-signals { margin-top: 36px; }
  .studio-delivery-grid { grid-template-columns: 1fr; margin-top: 52px; }.studio-delivery-grid article { min-height: auto; padding: 25px 0; }.studio-delivery-grid article + article { padding-left: 0; border-left: 0; }.studio-delivery-grid h3 { margin-top: 25px; }
  .studio-prepare ol { grid-template-columns: 1fr; margin-top: 40px; }.studio-prepare li { min-height: auto; padding: 22px 0; }.studio-prepare li:nth-child(even) { padding-left: 0; border-left: 0; }
}

/* The other two offer pages reuse the same buying logic, with a distinct visual material. */
.offer-intro { display: grid; grid-template-columns: minmax(0, .94fr) minmax(320px, .9fr); gap: clamp(52px, 8vw, 150px); align-items: end; padding: clamp(64px, 9vw, 136px) 0 clamp(96px, 12vw, 178px); }
.offer-intro-copy > p:first-child { margin: 0; color: var(--seal); font-size: .84rem; font-weight: 850; line-height: 1.55; }.offer-intro h1 { max-width: 9ch; margin: 23px 0 0; font-family: var(--font-display); font-size: clamp(3.35rem, 6vw, 6.6rem); line-height: 1.03; letter-spacing: -.025em; text-wrap: balance; }.offer-intro h1 span { color: var(--seal); }.offer-lead { max-width: 36ch; margin: 29px 0 0; color: var(--quiet); font-size: 1rem; line-height: 1.78; }.offer-intro-image { position: relative; margin: 0; overflow: hidden; background: var(--ink); }.offer-intro-image img { display: block; width: 100%; aspect-ratio: .92; object-fit: cover; filter: saturate(.72) contrast(1.08); }.offer-intro-image figcaption { position: absolute; right: 0; bottom: 0; padding: 10px 12px; background: var(--ink); color: #f8f8f2; font-size: .72rem; font-weight: 750; }
.offer-page--product .studio-delivery { background: #983d2d; }.offer-page--product .studio-section-head > p, .offer-page--product .studio-delivery-grid b { color: #ffe0a5; }.offer-page--product .studio-primary span, .offer-page--product .studio-cta a span { color: #ffe0a5; }.offer-page--product .studio-primary:hover, .offer-page--product .studio-primary:focus-visible { background: #6e2117; }
.content-offer-preview { position: relative; display: flex; flex-direction: column; justify-content: end; min-height: 490px; margin: 0; overflow: hidden; padding: clamp(25px, 4vw, 50px); background: #193d83; color: #f4f8ff; }.content-offer-preview::before { position: absolute; width: 58%; aspect-ratio: 1; top: -18%; right: -12%; border: 1px solid rgba(155,215,255,.58); border-radius: 50%; content: ""; }.content-offer-preview span { position: absolute; top: 32px; left: 34px; color: #9bd7ff; font-size: .87rem; font-weight: 850; }.content-offer-preview strong { position: relative; max-width: 8ch; font-family: var(--font-display); font-size: clamp(2.55rem, 4vw, 4.5rem); line-height: 1.04; letter-spacing: -.025em; }.content-offer-preview i { position: relative; display: block; width: 16%; min-width: 50px; margin-top: 12px; background: #d6ff28; }.content-offer-preview i:nth-of-type(1) { height: 31px; }.content-offer-preview i:nth-of-type(2) { height: 58px; }.content-offer-preview i:nth-of-type(3) { height: 42px; }.content-offer-preview small { position: absolute; right: 19px; bottom: 17px; max-width: 18ch; color: #9bd7ff; font-size: .7rem; font-weight: 750; line-height: 1.45; text-align: right; }.offer-page--content .studio-delivery { background: #193d83; }.offer-page--content .studio-section-head > p, .offer-page--content .studio-delivery-grid b { color: #9bd7ff; }.offer-page--content .studio-primary span, .offer-page--content .studio-cta a span { color: #9bd7ff; }.offer-page--content .studio-primary:hover, .offer-page--content .studio-primary:focus-visible { background: #102e66; }.offer-page--content .studio-cta { background: #193d83; }.offer-page--content .studio-cta p { color: #9bd7ff; }

@media (max-width: 820px) {
  .offer-intro { grid-template-columns: 1fr; gap: 38px; }.offer-intro-image { width: min(100%, 540px); }.offer-intro-image img { aspect-ratio: 1.12; }.content-offer-preview { min-height: 390px; width: min(100%, 540px); }
}