/* MAKE 이후의 공개 탐색과 문의에만 적용하는 밝은 브랜드 표면. */
:root {
  --outro_width: 1360px;
  --outro_space: clamp(64px, 8vw, 128px);
  --outro_title: clamp(42px, 6.5vw, 96px);
  --outro_body: clamp(16px, 1.4vw, 18px);
  --outro_radius: 32px;
}

.outro_inner {
  width: 100%;
  max-width: var(--outro_width);
  margin-inline: auto;
  min-width: 0;
}

.outro_explore,
.outro_contact,
.outro_follow,
.outro_footer {
  position: relative;
  padding: var(--outro_space) var(--space_page);
  color: var(--color_brand_ink);
  scroll-margin-top: var(--space_24);
}

.outro_explore {
  background: radial-gradient(ellipse at 100% 20%, var(--color_brand_ice_glow), transparent 65%),
    linear-gradient(var(--color_brand_pearl), var(--color_hero_cream));
}

.outro_intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space_16);
  align-items: end;
  margin-bottom: var(--space_16);
}

.outro_title {
  margin: var(--space_5) 0 0;
  font-family: var(--font_display);
  font-size: var(--outro_title);
  line-height: 0.98;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: normal;
}

.outro_intro_copy p,
.outro_contact_copy > p:not(.section_kicker),
.outro_follow p:not(.section_kicker) {
  margin: 0 0 var(--space_5);
  font-size: var(--outro_body);
  line-height: 1.7;
  color: var(--color_mist);
  word-break: keep-all;
  text-wrap: pretty;
}

.outro_disciplines {
  display: flex;
  gap: var(--space_5);
  margin-top: var(--space_8);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.outro_disciplines span {
  border-bottom: var(--space_1) solid var(--color_code);
  padding-bottom: var(--space_2);
}
.outro_disciplines span:nth-child(2) { border-color: var(--color_design); }
.outro_disciplines span:nth-child(3) { border-color: var(--color_make); }

.outro_routes { border-top: 1px solid var(--color_brand_rule); }

.outro_route {
  display: grid;
  grid-template-columns: var(--space_16) 1fr 1fr var(--space_16);
  gap: var(--space_6);
  align-items: center;
  padding: var(--space_8) var(--space_4);
  border-bottom: 1px solid var(--color_brand_rule);
  border-radius: var(--space_2);
  transition: background-color 180ms ease;
}

.outro_route:hover,
.outro_route:focus-visible { background: var(--color_brand_pearl_glass); }
.outro_route_number { font-size: 14px; font-variant-numeric: tabular-nums; }
.outro_route_name { font-size: clamp(22px, 2.4vw, 32px); font-weight: 600; word-break: keep-all; }
.outro_route_name small { display: block; margin-top: var(--space_2); font-size: 12px; font-weight: 500; text-transform: uppercase; }
.outro_route_copy { font-size: 16px; line-height: 1.65; color: var(--color_mist); word-break: keep-all; text-wrap: pretty; }
.outro_route_arrow { justify-self: end; font-size: 32px; transition: transform 180ms ease; }
.outro_route:hover .outro_route_arrow,
.outro_route:focus-visible .outro_route_arrow { transform: translate(4px, -4px); }
.outro_route:active .outro_route_arrow { transform: translate(2px, -2px); }
article.outro_route:hover { background: transparent; }
article.outro_route .outro_route_name,
article.outro_route .outro_route_copy { margin: 0; }
article.outro_route .outro_route_copy { grid-column: 3 / -1; }
.studio_actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space_4) var(--space_8); margin-top: var(--space_8); }
.studio_access_note { flex-basis: 100%; margin: 0; font-size: 14px; line-height: 1.55; color: var(--color_mist); word-break: keep-all; }

.outro_pending {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space_2) var(--space_6);
  align-items: center;
  margin-top: var(--space_6);
  font-size: 14px;
  color: var(--color_mist);
}
.outro_pending a { display: inline-flex; align-items: center; gap: var(--space_2); min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }

.outro_contact {
  overflow: clip;
  background: radial-gradient(ellipse at 85% 65%, var(--color_hero_pink), transparent 70%),
    linear-gradient(var(--color_hero_cream), var(--color_hero_pink));
}
.outro_contact_grid { position: relative; display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--space_16); align-items: center; }
.outro_contact_copy { position: relative; z-index: 1; min-width: 0; }
.outro_contact_copy .outro_title { font-size: clamp(30px, 4.4vw, 64px); }
.outro_contact_copy > p:not(.section_kicker) { margin-top: var(--space_8); }
.outro_contact_panel {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: clamp(24px, 3.5vw, 48px);
  border: 1px solid var(--color_glass_rim);
  border-radius: var(--outro_radius);
  background: var(--color_brand_pearl_glass);
  box-shadow: var(--shadow_header_glass), var(--shadow_action);
  backdrop-filter: blur(16px);
}
.outro_contact_panel h3 { margin: var(--space_5) 0 var(--space_4); font-size: clamp(22px, 2.4vw, 32px); line-height: 1.4; font-weight: 600; word-break: keep-all; }
.outro_contact_panel p { font-size: 16px; line-height: 1.65; word-break: keep-all; color: var(--color_mist); }
.outro_contact_panel .section_kicker { font-size: 12px; }

.inquiry_options { margin: var(--space_8) 0; gap: var(--space_2); }
.inquiry_option {
  display: inline-flex;
  align-items: center;
  gap: var(--space_2);
  min-height: 48px;
  padding: var(--space_3) var(--space_4);
  background: var(--color_brand_pearl_glass);
  color: var(--color_brand_ink);
  box-shadow: inset 0 0 0 1px var(--color_brand_border);
  font-weight: 600;
  font-size: 14px;
}
.inquiry_option::before { content: ""; width: 12px; height: 12px; border: 1px solid currentColor; border-radius: 50%; }
.inquiry_option.is_selected { background: var(--color_hero_cream); box-shadow: inset 0 0 0 2px var(--color_brand_amber_deep); }
.inquiry_option.is_selected::before { width: 12px; height: 7px; border-width: 0 0 2px 2px; border-radius: 0; transform: rotate(-45deg); }
.outro_contact_panel .primary_button,
.bag_drawer .checkout_button { width: 100%; gap: var(--space_3); min-height: 52px; padding: var(--space_4); text-align: center; text-transform: none; }
.outro_contact_panel .inquiry_help,
.bag_drawer .inquiry_help { margin: var(--space_4) 0 0; font-size: 14px; color: var(--color_mist); line-height: 1.6; word-break: keep-all; }

.outro_follow { background: var(--color_brand_pearl); padding-block: var(--space_16); }
.outro_follow_inner { display: flex; justify-content: space-between; align-items: center; gap: var(--space_8); }
.outro_follow h2 { font-family: var(--font_display); font-size: clamp(32px, 4vw, 54px); text-transform: uppercase; line-height: 1.1; margin: var(--space_4) 0 var(--space_5); }
.outro_follow p:not(.section_kicker) { margin-bottom: 0; }
.outro_text_link { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--space_8); min-height: 52px; border-bottom: 1px solid var(--color_brand_ink); font-weight: 600; }
.outro_text_link span { font-size: 28px; }
.outro_text_link:hover { color: var(--color_brand_amber_deep); }

.outro_footer { background: linear-gradient(var(--color_brand_pearl), var(--color_hero_cream)); padding-top: var(--space_10); padding-bottom: var(--space_8); }
.outro_footer .brand_mark { width: fit-content; max-width: 100%; color: var(--color_brand_ink); gap: var(--space_5); }
.outro_footer .brand_wordmark { font-size: clamp(44px, 10vw, 152px); font-weight: 600; line-height: 1.2; }
.outro_footer .brand_symbol { width: clamp(44px, 8vw, 112px); height: auto; }
.outro_footer_details { display: grid; grid-template-columns: 1fr auto auto; gap: var(--space_8); align-items: center; margin-top: var(--space_8); }
.outro_footer_details p { margin: 0; line-height: 1.7; color: var(--color_mist); word-break: keep-all; }
.outro_footer_links { display: flex; flex-wrap: wrap; gap: var(--space_2) var(--space_6); }
.outro_footer_links a,
.outro_top,
.outro_footer_bottom a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.outro_topic { white-space: nowrap; }
.outro_top { gap: var(--space_4); }
.outro_footer_bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space_4); border-top: 1px solid var(--color_brand_rule); margin-top: var(--space_10); padding-top: var(--space_5); font-size: 12px; }
.outro_footer a:not(.brand_mark):hover { color: var(--color_brand_amber_deep); }

.bag_drawer { background: linear-gradient(150deg, var(--color_brand_panel), var(--color_hero_pink)); border-left: 1px solid var(--color_glass_rim); backdrop-filter: blur(16px); box-shadow: var(--shadow_header_glass), var(--shadow_action); color: var(--color_brand_ink); }
.is_bag_open .page_scrim { background: var(--color_brand_ice_glow); }
.bag_drawer .bag_item { grid-template-columns: minmax(0, 1fr); border-radius: var(--space_4); background: var(--color_brand_pearl_glass); box-shadow: inset 0 0 0 1px var(--color_glass_rim); padding: var(--space_6); }
.bag_drawer .bag_item h2 { font-family: var(--font_body); font-size: 24px; font-weight: 600; line-height: 1.4; }
.bag_drawer .bag_item p { font-size: 16px; line-height: 1.6; word-break: keep-all; }
.bag_drawer .remove_button { min-height: 44px; min-width: 44px; }
.bag_drawer .bag_total { margin-block: var(--space_8); }
.inquiry_email { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.bag_drawer .bag_empty_state p { line-height: 1.65; word-break: keep-all; }
.bag_drawer .icon_button { min-height: 44px; color: var(--color_brand_ink); }

.inquiry_fields { display: grid; gap: var(--space_4); min-width: 0; margin: 0; padding: 0; border: 0; }
.inquiry_fields legend { padding: 0 0 var(--space_5); font-size: 24px; font-weight: 600; }
.inquiry_field { display: grid; gap: var(--space_2); min-width: 0; font-size: 14px; font-weight: 600; }
.inquiry_field input,
.inquiry_field textarea {
  width: 100%; min-width: 0; min-height: 48px; padding: var(--space_3);
  border: 1px solid var(--color_brand_border); border-radius: var(--space_2);
  background: var(--color_brand_pearl_glass); color: var(--color_brand_ink);
  font: 400 16px/1.55 var(--font_body);
}
.inquiry_field textarea { min-height: 128px; resize: vertical; }
.inquiry_field textarea::placeholder { color: var(--color_mist); }
.inquiry_consent { display: flex; align-items: flex-start; gap: var(--space_3); padding-block: var(--space_3); font-size: 14px; line-height: 1.6; word-break: keep-all; }
.inquiry_consent input { flex: 0 0 var(--space_5); width: var(--space_5); height: var(--space_5); margin: var(--space_1) 0 0; accent-color: var(--color_brand_ink); }
.inquiry_fields .inquiry_help { margin: 0; }
.inquiry_status { margin: var(--space_4) 0 0; font-size: 16px; line-height: 1.6; word-break: keep-all; }
.inquiry_status:empty { display: none; }
.inquiry_status.has_error,
.inquiry_status.is_success { padding: var(--space_4); border: 1px solid var(--color_brand_border); border-radius: var(--space_2); background: var(--color_hero_cream); }
.inquiry_form :is(input, textarea):focus-visible,
.inquiry_status:focus-visible { outline: 2px solid var(--color_brand_ink); outline-offset: 4px; }
.inquiry_fields:disabled { opacity: 0.65; }
.bag_drawer button:disabled,
.inquiry_option:disabled { cursor: wait; }

:is(.outro_explore, .outro_contact, .outro_follow, .outro_footer, .bag_drawer) :is(a, button):focus-visible {
  outline: 2px solid var(--color_brand_ink);
  outline-offset: 4px;
}

@media (max-width: 900px) {
  .outro_intro { gap: var(--space_8); }
  .outro_intro_copy br { display: none; }
  .outro_contact_grid { grid-template-columns: minmax(0, 1fr); gap: var(--space_10); }
  .outro_contact_copy .outro_title { font-size: clamp(30px, 6vw, 54px); }
  .outro_footer_details { grid-template-columns: 1fr auto; }
  .outro_footer_links { grid-row: 2; }
  .outro_top { grid-column: 2; grid-row: 1; }
}

@media (max-width: 600px) {
  .outro_intro { grid-template-columns: minmax(0, 1fr); margin-bottom: var(--space_10); }
  .outro_route { grid-template-columns: var(--space_6) minmax(0, 1fr) var(--space_8); gap: var(--space_3); padding: var(--space_6) 0; }
  .outro_route_copy { grid-column: 2; grid-row: 2; font-size: 14px; }
  article.outro_route .outro_route_copy { grid-column: 2 / -1; }
  .outro_route_copy br { display: none; }
  .outro_route_arrow { grid-column: 3; grid-row: 1 / 3; font-size: 28px; }
  .outro_route_number { align-self: start; padding-top: var(--space_2); }
  .outro_pending { display: grid; gap: 0; }
  .outro_pending > span { margin-block: var(--space_2); }
  .outro_contact_panel { border-radius: var(--space_6); }
  .outro_contact_panel .inquiry_options { gap: var(--space_2); }
  .outro_contact_panel .inquiry_option { padding-inline: var(--space_3); font-size: 13px; }
  .outro_follow_inner { flex-direction: column; align-items: stretch; }
  .outro_footer .brand_mark { gap: var(--space_2); }
  .outro_footer .brand_wordmark { display: inline; }
  .outro_footer_details { gap: var(--space_4); }
  .outro_footer_links { grid-column: 1 / -1; gap: var(--space_4); }
  .outro_footer_bottom { align-items: flex-start; flex-direction: column; gap: var(--space_2); }
  .bag_drawer { padding: var(--space_6); }
}

@media (prefers-reduced-motion: reduce) {
  .outro_route,
  .outro_route_arrow,
  .inquiry_option { transition: none; }
}