/* The social journey resolves into a working relationship, then an editable enquiry. */
.tail-method { padding-block:88px 94px; background:var(--canvas,#160c16); color:var(--ink,#f6f2ef); }
.tail-method-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:start; }
.tail-method h2 { margin:0; font-size:clamp(40px,4.3vw,62px); font-weight:700; line-height:1.05; letter-spacing:-.04em; text-wrap:balance; }
.tail-method-intro>p { max-width:380px; margin:24px 0 0; color:var(--muted,#c7bfc7); font-size:15px; line-height:1.75; }
.tail-method-list { list-style:none; margin:0; padding:0; border-top:1px solid #77586875; }
.tail-method-list li { display:grid; grid-template-columns:.68fr 1.32fr; gap:32px; padding:28px 0 30px; border-bottom:1px solid #77586875; }
.tail-method-list h3 { margin:0; font-size:clamp(27px,2.6vw,36px); font-weight:700; letter-spacing:-.035em; line-height:1.15; }
.tail-method-list li:nth-child(2) h3 { color:var(--accent,#ff503c); }
.tail-method-list p { max-width:520px; margin:0; color:var(--muted,#c7bfc7); font-size:15px; line-height:1.75; text-wrap:pretty; }

/* A daylight endnote. Real roles replace the motion and imagery of the preceding work. */
.tail-team { padding-block:78px 86px; color:var(--dark,#241921); background:var(--paper,#f2eee8); }
.tail-team-intro { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:72px; margin-bottom:46px; }
.tail-team h2 { margin:0; font-size:clamp(42px,4.6vw,66px); font-weight:700; line-height:1.05; letter-spacing:-.04em; text-wrap:balance; }
.tail-team-intro>p { max-width:390px; margin:0 0 4px; color:#62535d; font-size:16px; line-height:1.75; }
.tail-people { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.tail-people article { min-width:0; padding-top:26px; border-top:1px solid #bcb0b8; }
.tail-people h3 { font-size:clamp(34px,3.2vw,46px); font-weight:700; letter-spacing:-.035em; line-height:1.1; margin:0; }
.tail-people .tail-role { margin:12px 0 19px; color:#41333c; font-size:12px; line-height:1.6; font-weight:500; }
.tail-people article>p:last-child { margin:0; max-width:560px; font-size:15px; line-height:1.8; color:#62535d; text-wrap:pretty; }

/* Preserve the whole composer. Local colour overrides replace its earlier green palette. */
.tail-contact { background:var(--canvas,#160c16); color:var(--ink,#f6f2ef); padding-block:94px 72px; }
.tail-contact .m-contact-grid, .inquiry-ready .tail-contact .m-contact-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; align-items:start; }
.tail-contact h2 { margin:0; max-width:700px; font-size:clamp(48px,5.5vw,78px); font-weight:700; line-height:1.04; letter-spacing:-.04em; text-wrap:balance; }
.tail-contact .s-contact-copy>p { margin:28px 0 0; max-width:470px; color:var(--muted,#c7bfc7); font-size:16px; line-height:1.75; }
.tail-contact .m-contact-panel.inquiry-panel { min-width:0; padding:0; margin:0; }
.tail-contact .inquiry-compose { margin-top:0; }
.tail-contact .inquiry-compose legend { margin-bottom:20px; font-size:30px; color:var(--ink,#f6f2ef); font-weight:700; letter-spacing:-.03em; }
.tail-contact .inquiry-topics { gap:0 22px; }
.tail-contact .inquiry-choice { min-height:58px; padding:12px 0; border:0; border-bottom:1px solid #755969; background:transparent; box-shadow:none; }
.tail-contact .inquiry-choice input { accent-color:var(--accent,#ff503c); }
.tail-contact .inquiry-choice span { color:#e5dce4; font-size:12px; }
.tail-contact .inquiry-choice:has(input:checked) { border-bottom-color:#ff806f; background:transparent; box-shadow:none; }
.tail-contact .inquiry-choice:has(input:checked) span { color:var(--ink,#f6f2ef); }
.tail-contact .inquiry-choice:focus-within { outline-color:#ffab99; }
.tail-contact .inquiry-example { margin-top:26px; border-left-color:#ff806f; }
.tail-contact .inquiry-example-label,
.tail-contact .inquiry-example-credit,
.tail-contact .inquiry-direct>span { color:var(--muted,#c7bfc7); }
.tail-contact .inquiry-example-name { color:var(--ink,#f6f2ef); }
.tail-contact .inquiry-remove-example { color:#ffb4a3; border-color:#755969; }
.tail-contact .inquiry-details { margin-top:26px; border-color:#75596980; }
.tail-contact :is(.inquiry-details,.inquiry-preview) summary { color:#e5dce4; }
.tail-contact :is(.inquiry-details,.inquiry-preview) summary::after { color:#ffab99; }
.tail-contact .inquiry-details summary span { color:var(--muted,#c7bfc7); }
.tail-contact .inquiry-fields label { color:#ddd0db; }
.tail-contact .inquiry-fields :is(input,textarea),
.tail-contact .inquiry-preview textarea { border-color:#806577; background:#231623; color:var(--ink,#f6f2ef); box-shadow:none; caret-color:#ffab99; }
.tail-contact .inquiry-fields :is(input,textarea)::placeholder { color:#bfaebb; }
.tail-contact .inquiry-fields :is(input,textarea):focus { outline-color:#ffab99; border-color:#ffab99; }
.tail-contact .m-button { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:15px 20px; border:0; border-radius:3px; color:var(--canvas,#160c16); background:var(--accent,#ff503c); text-decoration:none; font:inherit; font-size:14px; font-weight:700; line-height:1.5; }
.tail-contact .inquiry-mail.m-button { margin-top:28px; }
.tail-contact .inquiry-send-note { font-size:12px; color:var(--muted,#c7bfc7); }
.tail-contact .inquiry-copy { color:#ffb4a3; border-color:#8c647b; }
.tail-contact .inquiry-status { color:#ffb4a3; }
.tail-contact .inquiry-direct { border-color:#75596966; margin-top:24px; }
.tail-contact .inquiry-direct>a { color:var(--ink,#f6f2ef); overflow-wrap:anywhere; }
.tail-contact .inquiry-panel small { display:block; color:var(--muted,#c7bfc7); margin-top:22px; font-size:12px; line-height:1.8; }
.tail-contact .inquiry-panel :is(button,a,summary):focus-visible { outline-color:#ffab99; }
.tail-contact .contact-invitation { margin:0 0 22px; color:var(--muted,#c7bfc7); font-size:18px; line-height:1.65; }

.tail-footer { background:var(--canvas,#160c16); color:var(--muted,#c7bfc7); padding:0 0 30px; }
.tail-footer .m-footer-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:22px 36px; padding-top:30px; border-top:1px solid #75596966; }
.tail-footer .m-wordmark { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink,#f6f2ef); }
.tail-footer .vicono-logo { display:block; width:170px; height:auto; }
.tail-footer .m-wordmark i { font-size:15px; font-weight:400; font-style:normal; }
.tail-footer .s-parent-company { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#e4d5e0; text-decoration:none; font-size:12px; }
.tail-footer .s-parent-company svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.tail-footer .m-brand-socials { display:flex; flex-wrap:wrap; gap:20px; }
.tail-footer .m-brand-socials a { display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; font-size:12px; }
.tail-footer .team-social { display:flex; align-items:center; justify-content:space-between; gap:20px 40px; margin-top:22px; padding-block:22px; border-top:1px solid #75596966; }
.tail-footer .team-social>p { margin:0; font-size:12px; }
.tail-footer .team-social-links { display:flex; flex-wrap:wrap; gap:8px 22px; }
.tail-footer .team-social-links a { display:inline-flex; align-items:center; min-height:44px; gap:8px; color:inherit; text-decoration:none; font-size:12px; }
.tail-footer .team-social-links img { display:block; width:16px; height:16px; filter:brightness(0) invert(1); opacity:.7; }
.tail-footer .m-footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding-top:20px; border-top:1px solid #75596966; font-size:11px; line-height:1.7; }
.tail-footer .legal-links { display:flex; gap:20px; }
.tail-footer .legal-links a { display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; }
.tail-footer .m-motion { min-height:44px; padding:8px 0; border:0; border-bottom:1px solid #9b7b8e; background:transparent; color:#e4d5e0; font:inherit; cursor:pointer; }
.tail-footer :is(a,button):focus-visible { outline:2px solid #ffab99; outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .tail-contact .m-button:hover { background:#ff7965; }
  .tail-footer a:hover { color:var(--ink,#f6f2ef); text-decoration:underline; text-underline-offset:5px; }
}
@media (max-width:1050px) {
  .tail-method-layout { grid-template-columns:.7fr 1.3fr; gap:40px; }
  .tail-method-list li { display:block; }
  .tail-method-list p { margin-top:17px; }
  .tail-team-intro { grid-template-columns:1.2fr .8fr; gap:40px; }
  .tail-people { gap:48px; }
  .tail-contact .m-contact-grid, .inquiry-ready .tail-contact .m-contact-grid { gap:44px; }
  .tail-footer .m-brand-socials { flex-basis:100%; }
}
@media (max-width:760px) {
  .tail-method { padding-block:56px 62px; }
  .tail-method-layout { display:block; }
  .tail-method h2 { font-size:clamp(38px,7.8vw,54px); }
  .tail-method-intro>p { max-width:540px; margin-top:22px; }
  .tail-method-list { margin-top:32px; }
  .tail-method-list li { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; padding-block:25px; }
  .tail-method-list h3 { font-size:clamp(22px,3.7vw,28px); }
  .tail-method-list p { margin-top:0; font-size:14px; }
  .tail-team { padding-block:54px 58px; }
  .tail-team-intro { display:block; margin-bottom:32px; }
  .tail-team h2 { font-size:clamp(37px,7.6vw,54px); }
  .tail-team-intro>p { margin:22px 0 0; max-width:540px; font-size:15px; }
  .tail-people { gap:32px; }
  .tail-people h3 { font-size:34px; }
  .tail-people article>p:last-child { font-size:14px; }
  .tail-contact { padding-block:60px 50px; }
  .tail-contact .m-contact-grid, .inquiry-ready .tail-contact .m-contact-grid { display:block; }
  .tail-contact h2 { font-size:clamp(42px,8.6vw,62px); }
  .tail-contact .s-contact-copy>p { margin-top:24px; font-size:15px; }
  .tail-contact .m-contact-panel.inquiry-panel { margin-top:36px; }
  .tail-contact .inquiry-choice { min-height:60px; }
  .tail-contact .inquiry-topics { gap:0 16px; }
  .tail-footer .m-footer-top { align-items:flex-start; gap:12px 28px; padding-top:26px; }
  .tail-footer .m-brand-socials { gap:8px 24px; }
  .tail-footer .team-social { display:block; }
  .tail-footer .team-social-links { margin-top:10px; }
  .tail-footer .m-footer-bottom { justify-content:flex-start; gap:10px 24px; }
  .tail-footer .m-footer-bottom>span:first-child { width:100%; }
}
@media (max-width:480px) {
  .tail-method h2 { font-size:clamp(35px,9.2vw,44px); }
  .tail-method-list li { display:block; padding-block:23px; }
  .tail-method-list h3 { font-size:30px; }
  .tail-method-list p { margin-top:15px; font-size:15px; }
  .tail-team h2 { font-size:clamp(35px,9.2vw,44px); }
  .tail-people { grid-template-columns:1fr; gap:28px; }
  .tail-people article { padding-top:23px; }
  .tail-people h3 { font-size:36px; }
  .tail-people article>p:last-child { font-size:15px; }
  .tail-contact h2 { font-size:clamp(38px,10vw,48px); }
  .tail-contact .inquiry-compose legend { font-size:28px; }
  .tail-contact .inquiry-choice span { font-size:11px; }
  .tail-footer .m-footer-top { display:block; }
  .tail-footer .s-parent-company { margin-top:14px; }
  .tail-footer .m-brand-socials { margin-top:8px; }
  .tail-footer .vicono-logo { width:150px; }
  .tail-footer .m-footer-bottom>span:last-child { width:100%; }
}