@media (min-width: 821px) { .home-content-mobile { display: none; } }
.home-content-responsive::before, .home-content-responsive .home-memory-start__media::after { display: none; }
/* Continue the service hero's quiet palette and separate image/copy surfaces. */
.home-content-section { padding: 48px 28px; background: #f8f7f3; border-top: 1px solid #e5e6df; color: #30483e; font-family: 'Pretendard', sans-serif; }
.home-memory-start--integrated { padding: 0; overflow: visible; background: transparent; border-top: 0; }
.home-memory-start { order: 3; }
.home-curated-memories { order: 4; }
.memory-page > .home-news-section { order: 5; }
.home-content-shell { max-width: 1100px; margin: auto; min-width: 0; }
.home-content-heading { margin-bottom: 26px; }
.home-content-label { color: #7a6956; font-size: 12px; line-height: 1.7; font-weight: 400; word-break: keep-all; }
.home-content-heading h2 { margin: 10px 0 0; color: #30483e; font-family: 'Gowun Batang', serif; font-size: clamp(25px, 2.4vw, 30px); line-height: 1.5; letter-spacing: -.045em; font-weight: 700; word-break: keep-all; }
.home-content-heading h2 span { display: inline-block; }
.home-content-lead { margin-top: 12px; color: #626c60; font-size: 14px; line-height: 1.85; word-break: keep-all; }
.home-content-heading--stories { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.home-content-more { display: inline-flex; flex: none; align-items: center; gap: 20px; min-height: 44px; color: #49604b; font-size: 12px; }
.home-content-more:hover { text-decoration: underline; text-underline-offset: 4px; }
.home-content-track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; min-width: 0; }
.home-content-track > a { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #e2e5dd; border-radius: 16px; background: white; }
.home-content-track > a:hover { border-color: #a5b4a1; }
.home-content-track > a, .home-content-track > a:hover { transform: none; box-shadow: none; transition: border-color .2s ease; }
.home-memory-start__media { height: auto; margin: 0; aspect-ratio: 3 / 2; background: #eceee6; }
.home-memory-start__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-content-responsive .home-memory-start__media img { transform: none; filter: none; transition: none; }
.home-memory-start__content, .home-example-card__content { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 20px; }
.home-content-track h3 { margin: 0; color: #30483e; font-family: 'Pretendard', sans-serif; font-size: 17px; line-height: 1.6; letter-spacing: -.025em; font-weight: 600; word-break: keep-all; }
.home-memory-start__copy, .home-example-card__summary { margin: 10px 0 0; color: #626c60; font-size: 14px; line-height: 1.8; word-break: keep-all; }
.home-memory-start__example { margin: -3px 0 16px; color: #586151; font-family: 'Gowun Batang', serif; font-size: 13px; line-height: 1.85; word-break: keep-all; }
.home-memory-start__example small { display: block; color: #7a6956; font-family: 'Pretendard', sans-serif; font-size: 10px; }
.home-memory-start__action { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; margin-top: auto; border-top: 1px solid #e7e9e1; padding-top: 12px; color: #345541; font-size: 13px; font-weight: 600; }
.home-example-card__media { position: relative; margin: 0; aspect-ratio: 16 / 9; overflow: hidden; background: #eceee6; }
.home-example-card__media > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-example-card__portrait { position: absolute; left: var(--portrait-x); top: var(--portrait-y); width: var(--portrait-width); height: var(--portrait-height); overflow: hidden; transform: translate(-50%, -50%); pointer-events: none; }
.home-example-card__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: var(--portrait-focus-x, 50%) var(--portrait-focus-y, 30%); transform: scale(var(--portrait-scale, 1)); transform-origin: var(--portrait-focus-x, 50%) var(--portrait-focus-y, 30%); }
.home-example-card__footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; margin-top: auto; border-top: 1px solid #e7e9e1; padding-top: 14px; color: #687260; font-size: 11px; line-height: 1.7; }
.home-example-card__action { display: inline-flex; align-items: center; gap: 12px; min-height: 32px; color: #345541; font-size: 12px; font-weight: 600; }
.home-content-note { margin-top: 22px; color: #687260; font-size: 12px; line-height: 1.85; word-break: keep-all; }
.home-content-note > span { color: #49604b; font-weight: 600; margin-right: 10px; }
.home-content-section :is(a, button, [tabindex]):focus-visible { outline: 3px solid #94733e; outline-offset: 3px; }
.home-memory-start--integrated .home-memory-start__content { padding: 18px 20px 20px; }
.home-memory-start--integrated h3 { display: flex; align-items: center; gap: 10px; margin: 0; }
.home-start-step { color: #7a6956; font-family: 'Pretendard', sans-serif; font-size: 11px; font-weight: 400; }
.home-start-arrow { margin-left: auto; color: #687260; font-family: 'Pretendard', sans-serif; font-size: 16px; font-weight: 400; }
.home-memory-start--integrated .home-memory-start__copy { margin: 10px 0 0; }
.home-start-cta { display: flex; justify-content: center; margin-top: 28px; }
.home-start-button { display: inline-flex; align-items: center; justify-content: center; gap: 32px; min-height: 48px; padding: 0 26px; border: 1px solid #345541; border-radius: 6px; background: #345541; color: #fff; font-size: 14px; font-weight: 600; }
.home-start-button:hover { background: #294635; }
.home-example-card__content h3 { display: flex; align-items: start; gap: 12px; }
.home-story-arrow { flex: none; margin-left: auto; color: #687260; font-size: 16px; font-weight: 400; }
.home-curated-memories .home-content-note { margin-top: 18px; font-size: 11px; }
.home-card-pager, .home-card-pager[hidden] { display: none; }
@media (max-width: 820px) {
 .home-content-section { padding: 32px 20px; }
 .home-memory-start--integrated { padding: 0; }
 .home-content-shell { max-width: 580px; }
 .home-content-heading { margin-bottom: 18px; }
 .home-content-heading h2 { font-size: clamp(22px, 5.8vw, 25px); }
 .home-content-heading--stories { display: block; }
 .home-content-more { margin-top: 8px; }
 .home-content-track { grid-template-columns:minmax(0,1fr); grid-auto-flow:row; gap:12px; overflow:visible; padding:0; margin:0; }
 .home-content-track > a { display:grid; grid-template-columns:minmax(88px,31%) minmax(0,1fr); align-items:center; min-height:104px; }
 .home-content-track img { -webkit-user-drag: none; }
 .home-content-track :is(.home-memory-start__media,.home-example-card__media) { align-self:center; margin:0; }
 .home-memory-start--integrated .home-memory-start__content, .home-example-card__content { padding:14px 12px; }
 .home-content-track h3 { font-size: 16px; }
 .home-memory-start__copy, .home-example-card__summary { margin-top:6px; font-size:12px; line-height:1.75; }
 .home-memory-start--integrated h3 { gap:7px; }
 .home-start-step { font-size:10px; }
 .home-start-arrow,.home-story-arrow { display:none; }
 .home-example-card__content h3 { font-size:15px; }
 .home-card-pager { display:none; }
 .home-card-pager button { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid #d9dfd3; border-radius: 50%; background: transparent; color: #415a45; font-size: 20px; }
 .home-card-pager button:disabled { opacity: .35; cursor: default; }
 .home-card-pager p { display: flex; align-items: center; gap: 12px; color: #52624e; font-size: 12px; font-variant-numeric: tabular-nums; }
 .home-card-pager__hint { color: #687260; font-size: 11px; }
 .home-curated-memories .home-content-note { margin-top: 14px; }
}