:root {
  color-scheme: light;
  --bg: #fbf7f5;
  --paper: #fffdfc;
  --text: #40373d;
  --muted: #8b7e85;
  --pink: #b87f98;
  --soft: #f6e9ef;
  --line: #e9dce2;
  --shadow: 0 22px 65px rgba(100, 65, 85, .06);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #211d24;
  --paper: #2c2630;
  --text: #f6ebf0;
  --muted: #bcabb4;
  --pink: #e4acc4;
  --soft: #3e303c;
  --line: #50404b;
  --shadow: 0 22px 65px rgba(0, 0, 0, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.85;
  transition: background .25s, color .25s;
}
a { text-decoration: none; color: inherit; }
button { cursor: pointer; font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, .logo, .monogram, .work-card h3 {
  font-family: 'Playfair Display', Georgia, serif;
}
em { font-weight: 400; color: var(--pink); }
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--pink);
  outline-offset: 4px;
}
.site-header {
  max-width: 1180px;
  margin: auto;
  padding: 26px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo { font-size: 29px; font-weight: 500; font-style: italic; }
.logo span { font-size: 15px; color: var(--pink); margin-left: 6px; }
.site-header nav { display: flex; align-items: center; gap: 29px; }
.site-header nav a { font-size: 12px; font-weight: 600; }
.site-header nav a:hover { color: var(--pink); }
#themeToggle {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  color: var(--text);
  background: var(--paper);
  border: 1px solid var(--line);
}
.eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .24em;
  color: var(--pink);
}
.hero { max-width: 1180px; margin: auto; padding: 75px 34px 30px; }
.hero-inner {
  min-height: 510px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 50px;
}
.hero h1 {
  margin: 20px 0;
  font-size: clamp(55px, 6.4vw, 88px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -.055em;
}
.hero-korean { font-size: 17px; font-weight: 600; }
.hero-description {
  margin: 23px 0 30px;
  color: var(--muted);
  font-size: 13px;
  line-height: 2.2;
  word-break: keep-all;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 11px 22px;
  border: 1px solid var(--text);
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
}
.button-primary { color: var(--bg); background: var(--text); }
.button-outline { background: transparent; }
.button:hover { opacity: .75; }
.hero-visual {
  min-height: 440px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portrait-frame {
  width: min(350px, 90%);
  aspect-ratio: 4 / 4.6;
  position: relative;
  border-radius: 190px 190px 125px 125px;
  border: 1px solid #dfc1cc;
  background: linear-gradient(145deg, #fff9f6, #edcad9 80%, #d6b3c5);
  box-shadow: 0 25px 75px #a56c8a25;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.monogram {
  font-size: clamp(130px, 16vw, 215px);
  font-style: italic;
  line-height: 1;
  color: #ac7e94;
}
.visual-label {
  font-size: 9px;
  color: #936d80;
  letter-spacing: .2em;
}
.rabbit-ears {
  display: flex;
  gap: 15px;
  position: absolute;
  top: -35px;
  transform: rotate(-10deg);
}
.rabbit-ears span {
  width: 31px;
  height: 86px;
  border: 2px solid #d6a9bb;
  border-radius: 50% 50% 30% 30%;
  background: #fae6eb;
}
.rabbit-ears span:first-child { transform: rotate(-19deg); }
.rabbit-ears span:last-child { transform: rotate(16deg); }
.visual-decoration { position: absolute; color: #d4a0b8; }
.decoration-one { top: 5px; right: 10px; font-size: 95px; }
.decoration-two { top: 30px; left: 15px; font-size: 52px; }
.decoration-three { bottom: 10px; left: 5px; font-size: 75px; opacity: .65; }
.visual-caption {
  position: absolute;
  bottom: -7px;
  right: 0;
  font: italic 15px 'Playfair Display', serif;
  color: var(--pink);
}
.scroll-hint {
  text-align: center;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .24em;
  margin: 45px 0 15px;
}
.scroll-hint span { display: block; font-size: 20px; margin-top: 7px; }
.content-section {
  max-width: 1180px;
  padding: 95px 34px;
  margin: auto;
}
.section-index {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
  margin-bottom: 45px;
  color: var(--pink);
  font-size: 10px;
  letter-spacing: .2em;
}
.content-section h2 {
  font-size: clamp(31px, 4vw, 48px);
  font-weight: 400;
  line-height: 1.4;
}
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; }
.about-copy h3 { font-size: 17px; }
.about-copy p { font-size: 13px; color: var(--muted); word-break: keep-all; }
.about-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }
.about-tags span {
  background: var(--soft);
  padding: 5px 13px;
  border-radius: 30px;
  font-size: 11px;
  color: var(--pink);
}
.works-section { padding-bottom: 110px; }
.section-heading { text-align: center; margin-bottom: 42px; }
.section-heading > p:last-child { color: var(--muted); font-size: 13px; }
.works-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.work-card {
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 14px;
  padding: 34px 29px;
  min-height: 270px;
  box-shadow: var(--shadow);
}
.work-icon { font-size: 31px; color: var(--pink); }
.work-number { margin-top: 20px; color: var(--muted); font-size: 10px; }
.work-card h3 { margin: 6px 0 0; font-size: 26px; font-weight: 400; }
.work-ko { font-size: 12px; color: var(--pink); }
.work-card p:last-child { font-size: 12px; color: var(--muted); word-break: keep-all; }
.works-note { text-align: center; font-size: 11px; color: var(--muted); margin-top: 28px; }
.connect-inner { max-width: 670px; margin: auto; text-align: center; }
.connect-inner > p:not(.eyebrow) { color: var(--muted); font-size: 13px; }
.social-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 13px;
  padding: 17px 22px;
  margin: 30px 0;
  font-size: 13px;
}
.social-link strong { color: var(--pink); }
.social-link:hover { border-color: var(--pink); }
.platform-names { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; }
.platform-names span { font-size: 12px; color: var(--muted); }
.site-footer {
  max-width: 1180px;
  margin: auto;
  padding: 25px 34px 40px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 11px;
  color: var(--muted);
}

@media (max-width: 760px) {
  .site-header { padding: 19px 20px; }
  .site-header nav { gap: 13px; }
  .site-header nav a { font-size: 11px; }
  .hero { padding: 55px 22px 30px; }
  .hero-inner { grid-template-columns: 1fr; gap: 15px; }
  .hero h1 { font-size: clamp(54px, 12vw, 74px); }
  .hero-visual { min-height: 370px; }
  .portrait-frame { max-width: 270px; }
  .visual-caption { right: 20px; }
  .content-section { padding: 70px 22px; }
  .about-grid, .works-grid { grid-template-columns: 1fr; gap: 18px; }
  .work-card { min-height: auto; }
  .section-index { margin-bottom: 30px; }
  .site-footer { padding: 25px 22px 35px; flex-direction: column; }
}
@media (max-width: 380px) {
  .site-header nav { gap: 9px; }
  .logo { font-size: 23px; }
  .site-header nav a { font-size: 10px; }
  #themeToggle { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

/* DELIGH HOME COPY v1 */
.hero h1 {
  font-size: clamp(34px, 4.2vw, 58px);
  letter-spacing: -.045em;
}

.hero h1 .hero-second-line {
  display: inline-block;
  margin-top: .15em;
  font-size: .72em;
  line-height: 1.35;
  letter-spacing: -.025em;
}

@media (max-width: 760px) {
  .hero h1 {
    font-size: clamp(32px, 8vw, 50px);
  }

  .visual-caption {
    max-width: 90%;
    text-align: right;
    line-height: 1.5;
  }
}

/* DELIGH ARCHIVE V1 */

.archive-section {
  padding-top: 100px;
  padding-bottom: 110px;
}

.archive-heading {
  text-align: center;
  margin: 0 auto 45px;
}

.archive-heading .eyebrow {
  margin-bottom: 12px;
}

.archive-heading h2 {
  margin: 0 0 10px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(35px, 5vw, 54px);
  font-weight: 400;
  line-height: 1.35;
}

.archive-intro {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  word-break: keep-all;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.archive-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 270px;
  padding: 30px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 17px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease;
}

.archive-card::before {
  content: '';
  position: absolute;
  width: 170px;
  height: 170px;
  right: -85px;
  top: -85px;
  border-radius: 50%;
  background: var(--soft);
  opacity: .65;
  pointer-events: none;
}

.archive-card:hover {
  transform: translateY(-3px);
  border-color: var(--pink);
}

.archive-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  z-index: 1;
}

.archive-number {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: .16em;
  font-weight: 600;
}

.archive-symbol {
  color: var(--pink);
  font-size: 34px;
  line-height: 1;
}

.archive-card-content {
  margin-top: 28px;
  position: relative;
  z-index: 1;
}

.archive-card h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 8px;
}

.archive-tagline {
  font-size: 13px;
  line-height: 1.8;
  color: var(--pink);
  margin: 0;
  overflow-wrap: anywhere;
}

.archive-status {
  align-self: flex-start;
  margin-top: 25px;
  padding: 4px 12px;
  border: 1px solid var(--line);
  border-radius: 30px;
  color: var(--muted);
  font-size: 10px;
}

@media (max-width: 760px) {
  .archive-section {
    padding-top: 70px;
    padding-bottom: 75px;
  }

  .archive-heading {
    margin-bottom: 30px;
  }

  .archive-grid {
    gap: 12px;
  }

  .archive-card {
    min-height: 235px;
    padding: 22px;
  }

  .archive-card h3 {
    font-size: 26px;
  }
}

@media (max-width: 560px) {
  .archive-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .archive-card {
    min-height: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .archive-card {
    transition: none;
  }
}

/* DELIGH FOOTER V1 */

.site-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 1180px;
    margin: 30px auto 0;
    padding: 48px 24px 45px;
    border-top: 1px solid var(--line);
    text-align: center;
}

.footer-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.footer-english {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(17px, 2.5vw, 24px);
    font-style: italic;
    color: var(--pink);
    line-height: 1.6;
}

.footer-korean {
    font-size: 12px;
    color: var(--muted);
    word-break: keep-all;
}

.footer-copyright {
    font-size: 11px;
    color: var(--muted);
    letter-spacing: .03em;
}

@media (max-width: 600px) {
    .site-footer {
        padding: 40px 20px;
    }

    .footer-english {
        font-size: 18px;
    }
}

/* DELIGH CONNECT V1 */

.connect-inner {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.connect-inner h2 {
    font-size: clamp(29px, 4vw, 46px);
    line-height: 1.45;
    overflow-wrap: break-word;
}

.connect-description {
    margin: 15px 0 38px;
    color: var(--muted);
    font-size: 14px;
}

.connect-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    text-align: left;
}

.connect-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 19px 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--paper);
    box-shadow: var(--shadow);
    transition: transform .2s ease, border-color .2s ease;
}

.connect-item:hover {
    transform: translateY(-3px);
    border-color: var(--pink);
}

.connect-item:focus-visible {
    outline: 2px solid var(--pink);
    outline-offset: 3px;
}

.connect-icon {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 12px;
    background: var(--soft);
    font-size: 20px;
}

.connect-name {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
}

.connect-arrow {
    color: var(--pink);
    font-size: 18px;
}

@media (max-width: 600px) {
    .connect-links {
        grid-template-columns: 1fr;
    }

    .connect-item {
        padding: 15px 18px;
    }

    .connect-description {
        margin-bottom: 27px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .connect-item {
        transition: none;
    }
}

/* DELIGH STARLETTER HOME V1 — SVG illustrated stationery & starlit window */
.hero[data-deligh-home="starletter-v1"] {
  --sl-ink: #664657;
  --sl-rose: #A66D8A;
  --sl-soft: #98788B;
  --sl-paper: #FFFCF8;
  --sl-paper-border: #E1C2CD;
  --sl-note: #F9ECEF;
  --sl-action-ink: #FFFDFB;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  min-height: min(860px, 95svh);
  overflow: hidden;
  background:
    radial-gradient(ellipse 44% 40% at 85% 31%, rgba(205, 183, 220, .25), transparent 85%),
    radial-gradient(ellipse 50% 49% at 12% 65%, rgba(247, 209, 223, .52), transparent 88%),
    linear-gradient(142deg, #FFFDF9 2%, #FBF1F3 51%, #F7EDF5 100%);
  padding: clamp(40px, 5.5vw, 86px) 0 34px;
}
.hero[data-deligh-home="starletter-v1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image:
    radial-gradient(circle at 10% 11%, rgba(169, 132, 169, .32) 0 1.3px, transparent 1.7px),
    radial-gradient(circle at 28% 88%, rgba(170, 134, 164, .33) 0 1.5px, transparent 2px),
    radial-gradient(circle at 65% 9%, rgba(201, 156, 181, .33) 0 1px, transparent 1.5px),
    radial-gradient(circle at 92% 83%, rgba(173, 148, 190, .36) 0 1.6px, transparent 2px);
  background-size: 360px 280px, 470px 310px, 440px 390px, 530px 430px;
}
.hero[data-deligh-home="starletter-v1"]::after {
  content: "✧";
  position: absolute;
  right: 5%;
  top: 7%;
  z-index: 0;
  font-size: clamp(28px, 4vw, 58px);
  color: rgba(174, 137, 184, .28);
  pointer-events: none;
}
.hero[data-deligh-home="starletter-v1"] .hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(14px, 3vw, 54px);
  width: min(1290px, calc(100% - 72px));
  max-width: 1290px;
  margin-inline: auto;
  padding: 0;
}
.hero[data-deligh-home="starletter-v1"] .hero-text {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  position: relative;
  z-index: 2;
}
.hero[data-deligh-home="starletter-v1"] .starletter-stationery {
  position: relative;
  width: 100%;
  max-width: 630px;
  margin: 18px auto 0;
  padding: 0 10px 92px;
  transform: rotate(-.65deg);
}
.hero[data-deligh-home="starletter-v1"] .starletter-stationery::before {
  content: "";
  position: absolute;
  inset: 14px 19px 111px 23px;
  z-index: -1;
  border: 1px solid rgba(166, 118, 142, .32);
  border-radius: 5px;
  transform: rotate(3.1deg);
  background: #F5E7E9;
  box-shadow: 8px 13px 38px rgba(111, 73, 99, .12);
}
.hero[data-deligh-home="starletter-v1"] .starletter-paper {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: clamp(31px, 3.4vw, 55px) clamp(24px, 3.5vw, 53px) clamp(118px, 10vw, 145px);
  overflow: hidden;
  border: 1px solid var(--sl-paper-border);
  border-radius: 4px;
  color: var(--sl-ink);
  background:
    repeating-linear-gradient(0deg, transparent 0px, transparent 29px, rgba(164, 122, 150, .025) 30px),
    linear-gradient(162deg, rgba(255,255,255,.6), transparent 52%),
    var(--sl-paper);
  box-shadow: 0 18px 38px rgba(93, 61, 86, .08), 0 3px 8px rgba(110, 70, 90, .05);
}
.hero[data-deligh-home="starletter-v1"] .starletter-paper::before,
.hero[data-deligh-home="starletter-v1"] .starletter-paper::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid rgba(175, 135, 156, .31);
  inset: 9px;
}
.hero[data-deligh-home="starletter-v1"] .starletter-paper::after {
  inset: 14px;
  border-color: rgba(184, 148, 166, .13);
}
.hero[data-deligh-home="starletter-v1"] .starletter-paper-flower {
  position: absolute;
  top: 18px;
  right: 17px;
  width: 91px;
  height: 91px;
  opacity: .66;
  pointer-events: none;
}
.hero[data-deligh-home="starletter-v1"] .starletter-lettertop {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: 100%;
  margin: 0 0 24px;
  color: var(--sl-soft);
  font-family: 'DM Sans', sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .18em;
  line-height: 1.4;
}
.hero[data-deligh-home="starletter-v1"] .starletter-lettertop span:first-child,
.hero[data-deligh-home="starletter-v1"] .starletter-lettertop span:last-child {
  color: #C498B0;
  font-size: 15px;
}
.hero[data-deligh-home="starletter-v1"] .eyebrow {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin: 0 0 15px;
  padding: 5px 15px 6px;
  border: 1px solid #E7CBD5;
  border-radius: 40px;
  background: #F9EBEF;
  color: #94647E;
  font-family: 'DM Sans',sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: none;
}
.hero[data-deligh-home="starletter-v1"] h1 {
  margin: 0 0 16px;
  padding: 0;
  color: var(--sl-ink);
  font-family: 'Cormorant Garamond','Playfair Display',Georgia,serif;
  font-weight: 600;
  font-size: clamp(36px, 4.45vw, 71px);
  line-height: 1.03;
  letter-spacing: -.035em;
  overflow-wrap: normal;
  text-wrap: balance;
}
.hero[data-deligh-home="starletter-v1"] h1 em {
  color: #AA7290;
  font-style: italic;
  font-weight: 600;
}
.hero[data-deligh-home="starletter-v1"] .hero-second-line {
  display: inline-block;
  margin-top: 6px;
  color: #B4839C;
  font-size: .73em;
  line-height: 1.1;
  font-weight: 500;
  font-style: italic;
}
.hero[data-deligh-home="starletter-v1"] .hero-korean {
  width: auto;
  max-width: 100%;
  margin: 15px 0 14px;
  padding: 0;
  color: var(--sl-ink);
  font-size: clamp(13px, 1.3vw, 16px);
  font-family: 'Noto Sans KR',sans-serif;
  font-weight: 600;
  line-height: 1.8;
  word-break: keep-all;
}
.hero[data-deligh-home="starletter-v1"] .hero-description {
  width: auto;
  max-width: 100%;
  margin: 0 0 23px;
  padding: 16px 16px 16px 19px;
  border-left: 2px solid #D6AABD;
  border-radius: 0 8px 8px 0;
  background: var(--sl-note);
  color: var(--sl-ink);
  font-family: 'Noto Sans KR',sans-serif;
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 400;
  line-height: 1.9;
  word-break: keep-all;
}
.hero[data-deligh-home="starletter-v1"] .hero-actions {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 0;
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 43px;
  padding: 9px 20px;
  border-radius: 50px;
  font-family: 'DM Sans',sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
  letter-spacing: .02em;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button-primary {
  border: 1px solid #A06E87;
  color: var(--sl-action-ink);
  background: #A06E87;
  box-shadow: 0 5px 12px rgba(137, 88, 113, .13);
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline {
  border: 1px solid #BB91A4;
  color: #8D5C78;
  background: transparent;
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(135, 91, 114, .17);
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline:hover {
  background: #F6E3EC;
}
.hero[data-deligh-home="starletter-v1"] .hero-actions .button:focus-visible {
  outline: 3px solid #B89DBB;
  outline-offset: 4px;
}
.hero[data-deligh-home="starletter-v1"] .starletter-paper-bottom {
  position: absolute;
  bottom: 49px;
  left: 0;
  right: 0;
  display: block;
  color: #B58DA2;
  font-family: 'Cormorant Garamond','Playfair Display',serif;
  font-size: 13px;
  font-style: italic;
  text-align: center;
  letter-spacing: .03em;
}
.hero[data-deligh-home="starletter-v1"] .starletter-envelope {
  position: absolute;
  z-index: 3;
  right: -3%;
  bottom: 6px;
  width: 106%;
  max-width: none;
  height: auto;
  display: block;
  pointer-events: none;
  filter: drop-shadow(0 15px 15px rgba(91, 62, 87, .12));
  transform: rotate(.45deg);
}
.hero[data-deligh-home="starletter-v1"] .starletter-ink-note {
  position: absolute;
  right: 13px;
  bottom: -14px;
  color: #9B7188;
  font-family: 'Cormorant Garamond','Playfair Display',serif;
  font-style: italic;
  font-size: 21px;
  letter-spacing: .01em;
  transform: rotate(-5deg);
}
.hero[data-deligh-home="starletter-v1"] .hero-visual {
  width: 100%;
  min-width: 0;
  max-width: 670px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  background: none;
  box-shadow: none;
  border: none;
  transform: none;
}
.hero[data-deligh-home="starletter-v1"] .starletter-window {
  display: block;
  width: min(100%, 640px);
  height: auto;
  max-height: 760px;
  overflow: visible;
  filter: drop-shadow(0 19px 22px rgba(102, 71, 113, .13));
}
.hero[data-deligh-home="starletter-v1"] .starletter-window-caption {
  margin: -6px auto 0;
  padding: 10px 22px;
  border: 1px solid rgba(187, 151, 173, .38);
  border-radius: 40px;
  background: rgba(255, 251, 249, .75);
  backdrop-filter: blur(4px);
  color: #946D88;
  font-family: 'Cormorant Garamond','Playfair Display',serif;
  font-size: clamp(16px, 1.55vw, 22px);
  font-style: italic;
  text-align: center;
  line-height: 1.3;
  white-space: normal;
  max-width: 100%;
}
.hero[data-deligh-home="starletter-v1"] .starletter-window-caption span {
  display: inline-block;
  padding: 0 8px;
  color: #C2A1CA;
  font-size: .7em;
}
.hero[data-deligh-home="starletter-v1"] .sl-twinkle {
  transform-box: fill-box;
  transform-origin: center;
  animation: slStarShimmer 3.6s ease-in-out infinite alternate;
}
.hero[data-deligh-home="starletter-v1"] .sl-delay { animation-delay: -1.85s; }
@keyframes slStarShimmer {
  0%, 25% { opacity: .45; transform: scale(.86); }
  70%, 100% { opacity: 1; transform: scale(1.13); }
}
.hero[data-deligh-home="starletter-v1"] .scroll-hint {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin: 26px auto 0;
  padding: 0 15px;
  color: #A77D95;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .23em;
}
.hero[data-deligh-home="starletter-v1"] .scroll-hint span { font-size: 18px; letter-spacing: 0; }

/* Respect the existing theme switch without changing other sections. */
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"],
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"],
html.dark .hero[data-deligh-home="starletter-v1"],
body.dark .hero[data-deligh-home="starletter-v1"],
body.dark-mode .hero[data-deligh-home="starletter-v1"] {
  --sl-ink: #F3DFE9;
  --sl-soft: #D6ADC7;
  --sl-paper: #322935;
  --sl-paper-border: #6C5368;
  --sl-note: #443346;
  --sl-action-ink: #FFF8FA;
  background:
    radial-gradient(ellipse 45% 50% at 82% 30%, rgba(127, 96, 156, .32), transparent 87%),
    radial-gradient(ellipse 65% 50% at 11% 73%, rgba(110, 69, 99, .3), transparent 87%),
    linear-gradient(135deg, #1E1B29, #2F2331 55%, #292338);
}
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before,
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before,
html.dark .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before,
body.dark .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before,
body.dark-mode .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before { background: #4E3D4C; }
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .eyebrow,
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .eyebrow,
html.dark .hero[data-deligh-home="starletter-v1"] .eyebrow,
body.dark .hero[data-deligh-home="starletter-v1"] .eyebrow,
body.dark-mode .hero[data-deligh-home="starletter-v1"] .eyebrow { color: #EAC9DD; background: #594157; border-color: #795C75; }
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] h1 em,
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] h1 em,
html.dark .hero[data-deligh-home="starletter-v1"] h1 em,
body.dark .hero[data-deligh-home="starletter-v1"] h1 em,
body.dark-mode .hero[data-deligh-home="starletter-v1"] h1 em { color: #E6B3CF; }
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .hero-second-line,
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .hero-second-line,
html.dark .hero[data-deligh-home="starletter-v1"] .hero-second-line,
body.dark .hero[data-deligh-home="starletter-v1"] .hero-second-line,
body.dark-mode .hero[data-deligh-home="starletter-v1"] .hero-second-line { color: #D5A2C1; }
html[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline,
body[data-theme="dark"] .hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline,
html.dark .hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline,
body.dark .hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline,
body.dark-mode .hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline { color: #F0CDE0; border-color: #AA7C9C; }

@media (max-width: 1080px) {
  .hero[data-deligh-home="starletter-v1"] .hero-inner { width: min(100% - 42px, 1110px); gap: 10px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper { padding-inline: clamp(22px, 3vw, 38px); }
  .hero[data-deligh-home="starletter-v1"] h1 { font-size: clamp(36px, 4.35vw, 56px); }
  .hero[data-deligh-home="starletter-v1"] .hero-description { font-size: 12px; }
}
@media (max-width: 850px) {
  .hero[data-deligh-home="starletter-v1"] { min-height: 0; padding: 44px 0 30px; }
  .hero[data-deligh-home="starletter-v1"] .hero-inner { display: flex; flex-direction: column; width: min(100% - 34px, 630px); gap: 0; }
  .hero[data-deligh-home="starletter-v1"] .starletter-stationery { max-width: 620px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper { padding: 35px clamp(26px, 6vw, 44px) 133px; }
  .hero[data-deligh-home="starletter-v1"] h1 { font-size: clamp(43px, 7.6vw, 65px); }
  .hero[data-deligh-home="starletter-v1"] .hero-visual { max-width: 550px; margin-top: 4px; }
  .hero[data-deligh-home="starletter-v1"] .scroll-hint { margin-top: 18px; }
}
@media (max-width: 540px) {
  .hero[data-deligh-home="starletter-v1"] { padding-top: 26px; }
  .hero[data-deligh-home="starletter-v1"] .hero-inner { width: min(100% - 18px, 500px); }
  .hero[data-deligh-home="starletter-v1"] .starletter-stationery { padding: 0 7px 65px; transform: rotate(-.35deg); }
  .hero[data-deligh-home="starletter-v1"] .starletter-stationery::before { inset: 12px 14px 82px 16px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper { padding: 29px 22px 99px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper::before { inset: 7px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper::after { inset: 11px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper-flower { width: 59px; height: 59px; top: 20px; right: 14px; opacity: .42; }
  .hero[data-deligh-home="starletter-v1"] .starletter-lettertop { font-size: 7px; letter-spacing: .12em; gap: 5px; margin-bottom: 16px; }
  .hero[data-deligh-home="starletter-v1"] .eyebrow { font-size: 10px; padding: 4px 12px; margin-bottom: 13px; }
  .hero[data-deligh-home="starletter-v1"] h1 { font-size: clamp(34px, 9vw, 50px); letter-spacing: -.045em; }
  .hero[data-deligh-home="starletter-v1"] .hero-second-line { margin-top: 7px; font-size: .67em; }
  .hero[data-deligh-home="starletter-v1"] .hero-korean { font-size: 12px; margin: 9px 0 11px; }
  .hero[data-deligh-home="starletter-v1"] .hero-description { font-size: 11px; line-height: 1.85; padding: 10px 10px 10px 12px; margin-bottom: 17px; }
  .hero[data-deligh-home="starletter-v1"] .hero-actions { gap: 8px; }
  .hero[data-deligh-home="starletter-v1"] .hero-actions .button { min-height: 38px; font-size: 11px; padding: 8px 13px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-paper-bottom { bottom: 27px; font-size: 10px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-envelope { bottom: 0; width: 106%; }
  .hero[data-deligh-home="starletter-v1"] .starletter-ink-note { bottom: 16px; right: 14px; font-size: 15px; }
  .hero[data-deligh-home="starletter-v1"] .hero-visual { width: 100%; margin-top: -2px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-window { max-height: none; }
  .hero[data-deligh-home="starletter-v1"] .starletter-window-caption { margin-top: -14px; font-size: 16px; padding: 8px 11px; }
  .hero[data-deligh-home="starletter-v1"] .starletter-window-caption span { padding: 0 4px; }
  .hero[data-deligh-home="starletter-v1"] .scroll-hint { font-size: 9px; gap: 7px; margin-top: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero[data-deligh-home="starletter-v1"] .sl-twinkle { animation: none; }
  .hero[data-deligh-home="starletter-v1"] .hero-actions .button { transition: none; }
}

/* DELIGH STARLETTER DETAIL V2 — fine illustration and finishing */
.hero[data-deligh-detail="v2"] {
  background:
    radial-gradient(ellipse 30% 40% at 75% 35%, rgba(204, 181, 224, .2), transparent 88%),
    radial-gradient(ellipse 32% 28% at 13% 70%, rgba(243, 192, 214, .28), transparent 86%),
    linear-gradient(145deg, #FFFDFA 3%, #FBF2F5 51%, #F7EDF6 100%);
}
.hero[data-deligh-detail="v2"] .starletter-paper {
  background:
    radial-gradient(ellipse 14% 12% at 92% 7%, rgba(247, 226, 228, .72), transparent 93%),
    repeating-linear-gradient(0deg, transparent 0px, transparent 28px, rgba(164, 122, 150, .024) 29px, transparent 30px),
    repeating-linear-gradient(90deg, transparent 0px, transparent 61px, rgba(175, 138, 156, .012) 62px, transparent 64px),
    linear-gradient(165deg, rgba(255,255,255,.72), transparent 61%),
    var(--sl-paper);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.86),
    inset -2px -2px 0 rgba(204,167,184,.06),
    0 19px 38px rgba(93,61,86,.10),
    0 3px 8px rgba(110,70,90,.06);
}
.hero[data-deligh-detail="v2"] .starletter-stationery::before {
  box-shadow: 6px 10px 0 rgba(202,156,178,.07), 12px 23px 36px rgba(101,68,96,.15);
}
.hero[data-deligh-detail="v2"] .starletter-lettertop { letter-spacing: .19em; }
.hero[data-deligh-detail="v2"] .eyebrow {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 6px rgba(156,106,131,.055);
}
.hero[data-deligh-detail="v2"] h1 em {
  text-shadow: 0 1px 0 rgba(255,250,249,.45);
}
.hero[data-deligh-detail="v2"] .hero-description {
  background:
    linear-gradient(100deg, rgba(255,251,250,.52), transparent 61%),
    var(--sl-note);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}
.hero[data-deligh-detail="v2"] .starletter-envelope {
  filter: drop-shadow(0 17px 13px rgba(91,62,87,.14));
}
.hero[data-deligh-detail="v2"] .starletter-window {
  filter: drop-shadow(0 18px 18px rgba(95,70,113,.12));
}
.hero[data-deligh-detail="v2"] .starletter-window-caption {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 5px 14px rgba(126,91,120,.045);
}
.hero[data-deligh-detail="v2"] .sl-twinkle { animation-duration: 4.8s; }
@media (max-width: 540px) {
  .hero[data-deligh-detail="v2"] .starletter-paper-flower { opacity: .36; }
  .hero[data-deligh-detail="v2"] .starletter-paper { box-shadow: 0 13px 27px rgba(93,61,86,.10); }
}
@media (prefers-reduced-motion: reduce) {
  .hero[data-deligh-detail="v2"] .sl-twinkle { animation: none; }
}

/* DELIGH STARLETTER V2.1 POCKET ONLY — preserve V2 illustration and layout */
.hero[data-deligh-pocket="v2-1"] .starletter-stationery {
  isolation: isolate;
}
.hero[data-deligh-pocket="v2-1"] .starletter-envelope-back {
  position: absolute;
  display: block;
  z-index: 0;
  right: -3%;
  bottom: 6px;
  width: 106%;
  height: auto;
  max-width: none;
  pointer-events: none;
  transform: rotate(.45deg);
  filter: drop-shadow(0 12px 9px rgba(91,62,87,.1));
}
.hero[data-deligh-pocket="v2-1"] .starletter-paper { z-index: 1; }
.hero[data-deligh-pocket="v2-1"] .starletter-envelope { z-index: 3; }
@media (max-width:540px) {
  .hero[data-deligh-pocket="v2-1"] .starletter-envelope-back { bottom: 0; width: 106%; }
}

/* DELIGH ABOUT PORTRAIT DIARY V1 — SVG illustrated open diary / no HOME changes */
#about[data-deligh-about="portrait-diary-v1"] {
  --ad-ink: #594451;
  --ad-muted: #967D87;
  --ad-rose: #B77F9A;
  --ad-rose-deep: #895971;
  --ad-paper: #FFFCF6;
  --ad-paper-2: #FBF4ED;
  --ad-rule: #E8D7D7;
  --ad-floral: #D3A6B8;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: clamp(72px, 8vw, 122px) max(16px, calc((100vw - 1440px) / 2)) clamp(85px, 9vw, 145px);
  color: var(--ad-ink);
  background:
    radial-gradient(ellipse 43% 48% at 6% 11%, rgba(245, 214, 222, .65), transparent 90%),
    radial-gradient(ellipse 37% 51% at 97% 81%, rgba(225, 209, 231, .65), transparent 90%),
    linear-gradient(142deg, #FEFAF6 1%, #FAF0F0 53%, #F7EFF4 100%);
  text-align: left;
}
#about[data-deligh-about="portrait-diary-v1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .48;
  background-image:
    radial-gradient(circle at 17% 15%, #E4BBD0 0 1px, transparent 1.6px),
    radial-gradient(circle at 82% 83%, #C6A8C9 0 1px, transparent 1.7px),
    radial-gradient(circle at 62% 41%, #D3B4CC 0 1px, transparent 1.6px);
  background-size: 211px 268px, 287px 232px, 413px 356px;
}
#about[data-deligh-about="portrait-diary-v1"] .section-index {
  position: relative;
  z-index: 3;
  display: block;
  width: min(1120px, calc(100% - 44px));
  margin: 0 auto 20px;
  padding: 0;
  color: #A57791;
  font-family: 'DM Sans','Noto Sans KR',sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .24em;
  text-align: left;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-stage {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 28px 46px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-atmosphere {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-book {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  padding: 13px 18px 17px;
  border: 1px solid #D6A8B7;
  border-radius: 20px 23px 25px 23px / 15px 15px 22px 20px;
  background: linear-gradient(120deg, #C89AAE 0%, #EFD6D6 4%, #B98AA1 49%, #E4C2CD 96%, #AB7B91 100%);
  box-shadow:
    0 8px 0 -4px #E4C3BF,
    0 15px 0 -7px #FAF3EA,
    0 18px 0 -8px #D9B4B4,
    0 32px 37px rgba(95, 57, 82, .18),
    0 54px 89px rgba(107, 74, 92, .12);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-book::before {
  content: "";
  position: absolute;
  inset: 7px 7px 8px;
  border-radius: 16px 17px 20px 16px;
  border: 1px solid rgba(255, 241, 228, .75);
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-book::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 2.7%;
  right: 2.7%;
  bottom: -13px;
  height: 21px;
  border-radius: 0 0 46% 46%;
  background: repeating-linear-gradient(0deg, #E5D5CC 0 1px, #FFF8EC 2px 3px, #F3E4D9 4px 5px);
  box-shadow: 0 7px 12px rgba(102, 65, 86, .13);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-cover-emboss {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  inset: 0;
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-spread {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 712px;
  overflow: hidden;
  border-radius: 8px 11px 13px 9px / 12px 11px 16px 14px;
  border: 1px solid #E4D6CD;
  background: var(--ad-paper);
  box-shadow: inset 0 0 9px rgba(113, 85, 90, .08), 0 6px 10px rgba(113, 77, 92, .06);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-page {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background:
    radial-gradient(ellipse 56% 80% at 3% 45%, rgba(231, 208, 204, .2), transparent 92%),
    repeating-linear-gradient(0deg, transparent 0 30px, rgba(185, 140, 154, .025) 31px 32px),
    linear-gradient(97deg, #FFFDF8 0%, #FDF9F1 88%, #F5EBE4 100%);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-page-left {
  padding: 51px 45px 49px 48px;
  border-right: 1px solid #E4D1D0;
  box-shadow: inset -25px 0 35px -39px #75566B;
  text-align: center;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-page-right {
  padding: 70px clamp(34px, 4vw, 61px) 59px clamp(39px, 4.2vw, 67px);
  background:
    radial-gradient(ellipse 35% 35% at 94% 12%, rgba(227, 183, 197, .13), transparent 90%),
    repeating-linear-gradient(0deg, transparent 0 35px, rgba(173, 126, 150, .032) 36px 37px),
    linear-gradient(95deg, #F4E8E1 0%, #FEFCF7 7%, #FFFCF6 89%, #F8EEE6 100%);
  box-shadow: inset 25px 0 35px -38px #75566B;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-page::after {
  content: "";
  position: absolute;
  inset: 19px;
  border: 1px solid rgba(199, 159, 167, .34);
  pointer-events: none;
  border-radius: 2px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-page-left::after {border-right: 0;}
#about[data-deligh-about="portrait-diary-v1"] .diary-page-right::after {border-left: 0;}
#about[data-deligh-about="portrait-diary-v1"] .diary-lace-ornament {
  position: absolute;
  left: 12px;
  top: 13px;
  width: 138px;
  height: 82px;
  opacity: .67;
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-kicker,
#about[data-deligh-about="portrait-diary-v1"] .diary-entry-kicker,
#about[data-deligh-about="portrait-diary-v1"] .diary-tags-heading {
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .19em;
  line-height: 1.6;
  color: #A57A90;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-kicker {
  margin: 2px 0 16px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-kicker-star {font-size: 13px; color: #BF97AC;}
#about[data-deligh-about="portrait-diary-v1"] .diary-portrait-figure {
  width: min(100%, 355px);
  margin: 0 auto;
  position: relative;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-portrait-mat {
  position: relative;
  width: 100%;
  aspect-ratio: 372 / 525;
  min-width: 0;
  overflow: visible;
  background:
    radial-gradient(ellipse 85% 44% at 50% 17%, #FFF9F7, transparent 90%),
    linear-gradient(125deg, #E9D3DB, #FFF3EC 55%, #E6CDD9);
  border: 1px solid rgba(180, 124, 148, .45);
  border-radius: 49% 49% 5px 5px / 22% 22% 5px 5px;
  box-shadow: 0 10px 18px rgba(99, 65, 87, .1);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-portrait-photo {
  display: block;
  position: absolute;
  left: 11.8%;
  top: 12.7%;
  width: 76.4%;
  height: 81.1%;
  object-fit: contain;
  object-position: center center;
  border: 1px solid rgba(182, 137, 156, .32);
  border-radius: 2px;
  background: #FAE9EF;
  box-shadow: inset 0 0 0 3px #F9ECED, 0 4px 12px rgba(109, 73, 87, .13);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-portrait-ornaments {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-portrait-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin: 18px auto 8px;
  font-family: 'Cormorant Garamond','Playfair Display',Georgia,serif;
  color: #AC8294;
  font-size: 16px;
  font-style: italic;
  line-height: 1.5;
  white-space: nowrap;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-caption-line {
  width: 25px;
  height: 1px;
  background: #D6B1BF;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-name {
  position: relative;
  z-index: 1;
  margin: 9px 0 3px;
  color: #775567;
  font-family: 'Cormorant Garamond','Playfair Display', Georgia, serif;
  font-size: clamp(35px, 4vw, 51px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.012em;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-name em {color: #B47E9D;}
#about[data-deligh-about="portrait-diary-v1"] .diary-small-signature {
  position: relative;
  z-index: 1;
  font-family: 'Cormorant Garamond',Georgia,serif;
  font-style: italic;
  color: #B38A9B;
  font-size: 13px;
  letter-spacing: .02em;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-pressed-rose {
  position: absolute;
  left: -42px;
  bottom: -39px;
  width: 168px;
  height: 185px;
  pointer-events: none;
  opacity: .76;
  transform: rotate(-15deg);
  z-index: 0;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-dried-flower {
  position: absolute;
  z-index: 0;
  right: -13px;
  top: -12px;
  width: 175px;
  height: 183px;
  opacity: .56;
  transform: rotate(9deg);
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-entry-kicker {
  position: relative;
  z-index: 1;
  margin-bottom: 27px;
  color: #AE879B;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-entry-kicker span {color:#D7ACC4;}
#about[data-deligh-about="portrait-diary-v1"] .diary-entry-eyebrow {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #976983;
  font-family: 'Cormorant Garamond','Playfair Display',Georgia,serif;
  font-size: clamp(32px,3.2vw,46px);
  font-weight: 600;
  font-style: italic;
  letter-spacing: -.015em;
  line-height: 1.2;
  text-transform: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-title-flourish {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 245px;
  height: 24px;
  color: #C6A1B4;
  font-size: 13px;
  margin-bottom: 23px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-title-flourish i {
  flex: 1;
  border-bottom: 1px solid #E1C7CF;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-intro-title {
  position: relative;
  z-index: 1;
  margin: 0 0 27px;
  color: #664A5B;
  font-family: 'Noto Sans KR','Pretendard',sans-serif;
  font-size: clamp(15px,1.45vw,18px);
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: -.045em;
  word-break: keep-all;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-writing {
  position: relative;
  z-index: 1;
  border-left: 2px solid #E7C4D4;
  padding-left: clamp(15px,2vw,26px);
  margin-bottom: 27px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-writing p {
  color: #6F5B66;
  margin: 0 0 20px;
  max-width: none;
  padding: 0;
  font-family: 'Noto Sans KR','Pretendard',sans-serif;
  font-size: clamp(13px, 1.16vw, 14px);
  font-weight: 400;
  line-height: 2.04;
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-writing p:last-child {margin-bottom:0;}
#about[data-deligh-about="portrait-diary-v1"] .diary-tags-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 13px;
  color: #B88FA3;
  font-size: 10px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-interest-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-interest-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 7px 12px;
  border: 1px solid #E4C7CF;
  border-radius: 5px;
  background: linear-gradient(155deg, #FFF9F6, #F9EAEF);
  color: #926B7E;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.55;
  box-shadow: 0 2px 5px rgba(157, 113, 139, .05);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-ending {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: fit-content;
  margin: 27px 24px 0 auto;
  transform: rotate(-4deg);
  color: #AE819B;
  font-family: 'Cormorant Garamond','Playfair Display',Georgia,serif;
  font-size: 19px;
  font-style: italic;
  line-height: 1.3;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-ending strong {
  color: #A36E8D;
  font-size: 27px;
  font-weight: 500;
  margin-left: 10px;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-ending-bloom {
  position: absolute;
  bottom: -12px;
  right: -14px;
  width: 104px;
  height: 79px;
  opacity: .64;
  pointer-events: none;
}
#about[data-deligh-about="portrait-diary-v1"] .diary-spine-art {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  width: 42px;
  left: calc(50% - 21px);
  top: 14px;
  bottom: 17px;
  height: calc(100% - 31px);
}
#about[data-deligh-about="portrait-diary-v1"] .diary-bookmark {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  right: 10.1%;
  top: -2px;
  width: 53px;
  height: 121px;
  filter: drop-shadow(2px 3px 2px rgba(113, 75, 91, .13));
}
#about[data-deligh-about="portrait-diary-v1"] .diary-corner-seal {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  width: 70px;
  height: 68px;
  left: -18px;
  bottom: -20px;
  filter: drop-shadow(2px 6px 5px rgba(83, 56, 72, .18));
}
@media (max-width: 1120px) {
  #about[data-deligh-about="portrait-diary-v1"] .diary-stage {padding: 15px 5px 33px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-left {padding: 50px 26px 48px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-right {padding: 61px 33px 50px 43px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-portrait-figure {max-width: 313px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-bookmark {right: 7%;}
}
@media (max-width: 850px) {
  #about[data-deligh-about="portrait-diary-v1"] {padding: 76px 16px 108px;}
  #about[data-deligh-about="portrait-diary-v1"] .section-index {width:calc(100% - 16px);}
  #about[data-deligh-about="portrait-diary-v1"] .diary-stage {width:min(100%,610px); padding: 12px 2px 25px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-book {padding: 12px 12px 14px; border-radius: 15px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-spread {grid-template-columns:minmax(0,1fr); min-height:0;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-left {padding: 52px 23px 37px; border-right:0; border-bottom:1px solid #E8D9CF; box-shadow:inset 0 -20px 35px -38px #75566B;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-right {padding: 69px clamp(25px,6.5vw,49px) 67px; box-shadow:inset 0 20px 35px -37px #75566B;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-left::after,
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-right::after {border:1px solid rgba(199,159,167,.34);}
  #about[data-deligh-about="portrait-diary-v1"] .diary-spine-art {display:none;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-bookmark {right: 13%; width:48px;height:110px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-dried-flower {right:-14px; opacity:.43;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-pressed-rose {width:148px;height:160px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-writing p {font-size:14px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-entry-eyebrow {font-size:38px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-portrait-figure {max-width:335px;}
}
@media (max-width: 420px) {
  #about[data-deligh-about="portrait-diary-v1"] {padding: 66px 9px 93px;}
  #about[data-deligh-about="portrait-diary-v1"] .section-index {width: calc(100% - 21px); font-size:10px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-book {padding: 8px 8px 11px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-left {padding: 49px 17px 34px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-page-right {padding: 64px 23px 68px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-portrait-figure {max-width:284px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-portrait-caption {font-size:14px; gap:6px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-caption-line {width:13px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-name {font-size:40px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-dried-flower {width:136px; height:143px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-entry-kicker {font-size:9px; letter-spacing:.11em;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-entry-eyebrow {font-size:33px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-intro-title {font-size:15px;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-writing p {font-size:13px; line-height:1.95;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-interest-tags span {padding:6px 9px; font-size:10px;}
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] {
  --ad-ink: #F5DDE7;
  --ad-muted: #CEB1C4;
  --ad-paper: #392D3D;
  background:
    radial-gradient(ellipse 43% 48% at 6% 11%, rgba(133, 85, 120, .16), transparent 90%),
    radial-gradient(ellipse 37% 51% at 97% 81%, rgba(125, 96, 161, .18), transparent 90%),
    linear-gradient(142deg, #201B27, #302535 63%, #251C2D);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-book {
  border-color:#78566C;
  background:linear-gradient(120deg,#67475E,#9C7289 52%,#5A3D5A);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-page-left,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-page-right {
  background: repeating-linear-gradient(0deg,transparent 0 35px,rgba(239,208,223,.026) 36px 37px), linear-gradient(110deg,#3C3040,#48374B 55%,#382B3D);
  border-color:#765A6F;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-name,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-intro-title,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-writing p {color:#F3DFE8;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-entry-eyebrow,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-name em {color:#EDBFD7;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-interest-tags span {color:#F4DDE7; background:linear-gradient(145deg,#61495E,#4C394C);border-color:#856A7D;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #about[data-deligh-about="portrait-diary-v1"] .diary-portrait-mat {background:linear-gradient(145deg,#785A74,#E4C5D9,#785A74);}
@media (prefers-reduced-motion: no-preference) {
  #about[data-deligh-about="portrait-diary-v1"] .diary-atmosphere {animation: diary-ambient-float 11s ease-in-out infinite alternate;}
}
@keyframes diary-ambient-float {from {transform:translateY(0)} to {transform:translateY(-7px)}}
@media print {
  #about[data-deligh-about="portrait-diary-v1"] {break-inside:avoid; background:#fff;}
  #about[data-deligh-about="portrait-diary-v1"] .diary-atmosphere {display:none;}
}

/* DELIGH ARCHIVE / THE STARLIT ARCHIVE V1 — handcrafted SVG folders */
#archive[data-deligh-archive="starlit-v1"] {
  --sa-ink: #604b5c;
  --sa-muted: #957c91;
  --sa-rose: #ac7898;
  --sa-gold: #c1a188;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(65px, 8vw, 115px) 20px clamp(82px, 8vw, 128px);
  background:
    radial-gradient(ellipse 44% 42% at 4% 12%, rgba(244,216,229,.64), transparent 88%),
    radial-gradient(ellipse 44% 50% at 97% 68%, rgba(218,206,236,.64), transparent 88%),
    linear-gradient(142deg,#FFFBF7 0%,#FBF3F6 47%,#F5EFF9 100%);
  color: var(--sa-ink);
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
#archive[data-deligh-archive="starlit-v1"]::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .48;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 12% 16%, #CAA8C1 0 1px, transparent 1.5px),
    radial-gradient(circle at 77% 32%, #B4A4CB 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 38% 80%, #C6A3C9 0 1px, transparent 1.7px);
  background-size: 230px 250px, 370px 400px, 310px 290px;
}
#archive[data-deligh-archive="starlit-v1"] .section-index {
  position: relative;
  margin: 0 auto 20px;
  padding: 0;
  max-width: 1130px;
  text-align: left;
  color: #A07894;
  font-family: 'DM Sans','Noto Sans KR',sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
}
#archive .starlit-archive-heading {
  position: relative;
  max-width: 930px;
  margin: 0 auto 34px;
  padding: 0 0 6px;
}
#archive .starlit-head-ornament {
  display: block;
  width: min(90%, 700px);
  height: auto;
  margin: 0 auto -5px;
  overflow: visible;
}
#archive .starlit-archive-heading .eyebrow {
  display: block;
  margin: 0 auto 9px;
  color: #A177A2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: none;
}
#archive .starlit-archive-heading h2 {
  margin: 0 0 9px;
  color: #76566D;
  font-family: 'Playfair Display','Cormorant Garamond',Georgia,serif;
  font-size: clamp(43px,5.7vw,72px);
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -.025em;
}
#archive .starlit-archive-heading h2 em {color: #A8769B;font-weight: 400;}
#archive .starlit-archive-intro {
  margin: 10px auto 0;
  color: #806B7B;
  font-size: clamp(13px,1.3vw,15px);
  line-height: 1.8;
}
#archive .starlit-files-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  width: min(1130px,100%);
  margin: 0 auto;
  gap: clamp(16px,2.6vw,32px);
  align-items: stretch;
}
#archive .starlit-file {
  --file-ink: #b67799;
  --file-wash: #f6dee9;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 15px clamp(14px,2vw,25px) 28px;
  border: 1px solid #E4D0DE;
  border-radius: 18px;
  background: linear-gradient(155deg,rgba(255,255,253,.98),rgba(255,250,249,.94));
  box-shadow: 0 6px 24px rgba(116,75,99,.055),0 19px 48px rgba(119,87,117,.045);
  transition: transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
#archive .starlit-file::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(205,168,186,.55);
  border-radius: 12px;
  pointer-events: none;
}
#archive .starlit-file::after {
  content: "✧";
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 15px;
  color: #C4A6C1;
  pointer-events: none;
}
#archive .starlit-file--characters {--file-ink:#b67799;--file-wash:#f6dee9;}
#archive .starlit-file--styles {--file-ink:#9B80C4;--file-wash:#E9E0F7;}
#archive .starlit-file--lora {--file-ink:#BA8B75;--file-wash:#F3E5DB;}
#archive .starlit-file--logs {--file-ink:#8A86B8;--file-wash:#E5E2F3;}
#archive .starlit-file-visual {
  position: relative;
  z-index: 1;
  width: min(100%,480px);
  margin: 0 auto -4px;
  padding: 0;
}
#archive .starlit-file-art {
  display: block;
  width: 100%;
  max-width: 480px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 3px 1px rgba(110,76,96,.025));
}
#archive .starlit-file-caption {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin: -7px 0 0;
  padding: 16px 10px 0;
  border-top: 1px solid #E8D6DF;
}
#archive .starlit-file-index {
  margin: 0 0 7px;
  color: var(--file-ink);
  font-family: 'DM Sans',sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .21em;
}
#archive .starlit-file-caption h3 {
  margin: 0;
  color: #725568;
  font-family: 'Playfair Display',Georgia,serif;
  font-size: clamp(24px,2.6vw,31px);
  line-height: 1.28;
  font-weight: 500;
}
#archive .starlit-file-tagline {
  min-height: 35px;
  margin: 7px 0 11px;
  color: #8A7384;
  font-family: 'DM Sans','Noto Sans KR',sans-serif;
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#archive .starlit-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto 0 0;
  padding: 7px 15px;
  border: 1px solid #E8D1DE;
  border-radius: 40px;
  color: #946D87;
  background: #FFF9FB;
  font-size: 11px;
  letter-spacing: .04em;
  line-height: 1.3;
}
#archive .starlit-archive-end {
  margin-top: 36px;
  color: #BD9FB9;
  font-size: 17px;
  letter-spacing: .8em;
}
@media (hover:hover) {
  #archive .starlit-file:hover {
    transform: translateY(-6px);
    border-color: #D3B4CB;
    box-shadow: 0 10px 28px rgba(116,75,99,.095),0 24px 53px rgba(119,87,117,.09);
  }
  #archive .starlit-file:hover .starlit-file-art {transform: translateY(-3px);transition:transform .35s ease;}
}
@media (max-width:750px) {
  #archive[data-deligh-archive="starlit-v1"]{padding:65px 15px 78px;}
  #archive .starlit-files-grid {grid-template-columns: minmax(0,1fr);width:min(520px,100%);gap:18px;}
  #archive .starlit-archive-heading {margin-bottom:22px;}
  #archive .starlit-head-ornament {width:min(100%,580px);}
  #archive .starlit-file{padding:10px 14px 25px;}
  #archive .starlit-file-visual{max-width:445px;}
  #archive .starlit-file-caption{margin-top:-6px;padding-top:15px;}
}
@media (max-width:390px){
  #archive[data-deligh-archive="starlit-v1"]{padding:60px 12px 72px;}
  #archive .starlit-file{padding:9px 10px 24px;}
  #archive .starlit-file-tagline{font-size:11px;}
  #archive .starlit-file-caption h3{font-size:25px;}
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive[data-deligh-archive="starlit-v1"] {
  background:radial-gradient(ellipse 65% 56% at 90% 20%,#48384F 0%,transparent 85%),linear-gradient(145deg,#29222E,#342938 55%,#30283A);
  color: #F1DDE8;
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-file {
  background:linear-gradient(150deg,#4B3949,#433343);
  border-color:#715A6D;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-file::before {border-color:#866B7E;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-archive-heading h2,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-file-caption h3 {color:#F3DFE8;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-archive-heading h2 em,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-archive-heading .eyebrow,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .section-index {color:#E9BFD7;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-archive-intro,
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-file-tagline {color:#E1CADB;}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #archive .starlit-status {color:#F3DFE8;background:#674E64;border-color:#916F88;}
@media (prefers-reduced-motion: reduce) {
  #archive .starlit-file, #archive .starlit-file-art {transition:none!important;transform:none!important;}
}

/* DELIGH CONNECT / STARLIT POST OFFICE V1 */
#connect[data-deligh-connect="postoffice-v1"] {
  --po-ink:#654B5E; --po-dust:#977A8A; --po-rose:#AC7994; --po-line:#E5CCD8;
  box-sizing:border-box; position:relative; isolation:isolate; overflow:hidden;
  width:100%; max-width:none; margin:0;
  padding:clamp(64px,7vw,104px) max(18px,calc((100vw - 1420px)/2)) clamp(78px,8vw,110px);
  background:radial-gradient(ellipse 40% 40% at 11% 43%,rgba(244,215,228,.66),transparent 89%),radial-gradient(ellipse 45% 46% at 94% 20%,rgba(226,213,240,.54),transparent 89%),linear-gradient(135deg,#FFF9F7 0%,#FBF2F4 48%,#F8F1F9 100%);
  color:var(--po-ink);text-align:left;
}
#connect[data-deligh-connect="postoffice-v1"]::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;
  background-image:radial-gradient(circle,#CDB1CD 0 1px,transparent 1.8px),radial-gradient(circle,#E6BFC8 0 1px,transparent 1.7px);
  background-size:199px 261px,307px 207px;background-position:27px 44px,131px 122px;
}
#connect .section-index{max-width:1160px;margin:0 auto 7px;color:#A27D93;font-size:11px;font-weight:700;letter-spacing:.24em;text-align:left}
#connect .postoffice-heading{max-width:1100px;margin:0 auto 36px;text-align:center}
#connect .postoffice-heading-ornament{display:block;width:min(590px,90%);height:auto;margin:0 auto 6px}
#connect .postoffice-heading .eyebrow{margin:0 0 12px;color:#AE7898;font:700 12px/1.4 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:none}
#connect .postoffice-heading h2{margin:0;color:#664B60;font-family:'Playfair Display',Georgia,serif;font-size:clamp(31px,4.5vw,55px);line-height:1.28;font-weight:500;letter-spacing:-.025em;overflow-wrap:break-word}
#connect .postoffice-heading h2 em{color:#AB7795;font-weight:400}
#connect .postoffice-intro{margin:15px 0 0;color:#89717F;font-family:'Noto Sans KR',sans-serif;font-size:14px;line-height:1.8;word-break:keep-all}
#connect .postoffice-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(12px,4vw,60px);max-width:1170px;margin:0 auto}
#connect .postoffice-art-panel{position:relative;min-width:0;max-width:495px;margin:0 auto;text-align:center}
#connect .postoffice-art-inner{position:relative}
#connect .postoffice-illustration{display:block;width:100%;max-width:490px;height:auto;overflow:visible;filter:drop-shadow(0 8px 10px rgba(109,73,103,.065))}
#connect .postoffice-caption{margin:-14px 0 0;color:#AC8CA2;font-family:'Playfair Display',Georgia,serif;font-size:14px;font-style:italic;letter-spacing:.05em}
#connect .postoffice-directory{position:relative;min-width:0;margin:0;padding:28px 23px 21px;border:1px solid #DEC1D1;border-radius:18px;background:linear-gradient(158deg,rgba(255,253,250,.94),rgba(255,248,249,.84));box-shadow:0 11px 20px rgba(119,77,106,.06),0 26px 55px rgba(119,77,106,.085)}
#connect .postoffice-directory::before{content:"";position:absolute;inset:7px;border:1px solid rgba(195,151,175,.33);border-radius:12px;pointer-events:none}
#connect .postoffice-directory-top{position:relative;display:flex;justify-content:space-between;gap:10px;margin:0 0 22px;padding:0 4px 13px;border-bottom:1px dashed #DAC0CC;color:#AA8398;font:700 10px/1.45 'DM Sans',sans-serif;letter-spacing:.13em}
#connect .postoffice-address-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#connect .postoffice-address{--po-postmark:#AF819E;position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:105px;padding:14px 14px;text-decoration:none;color:#72556A;border:1px solid #E4CBD5;border-radius:10px 13px 12px 11px;background:linear-gradient(145deg,#FFFEFC,#FFF7F4 85%);box-shadow:0 4px 0 -2px rgba(184,144,165,.25),0 7px 14px rgba(109,75,98,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
#connect .postoffice-address::before{content:"";position:absolute;inset:4px;border:1px dashed #EBD9D7;border-radius:6px;pointer-events:none}
#connect .postoffice-address::after{content:"✧";position:absolute;top:4px;right:9px;font-size:10px;color:#D5B4C4}
#connect .postoffice-address--blush{--po-postmark:#BD86A3}
#connect .postoffice-address--sage{--po-postmark:#93A999}
#connect .postoffice-address--lilac{--po-postmark:#A18ABF}
#connect .postoffice-address--moon{--po-postmark:#9C90BD}
#connect .postoffice-address--peach{--po-postmark:#C39D8B}
#connect .postoffice-postmark{z-index:1;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--po-postmark);border-radius:4px;background:linear-gradient(140deg,#FFF9F9,#F8E6EF);outline:1px dashed #D5B4C5;outline-offset:3px;color:var(--po-postmark);font-size:23px;font-family:Georgia,serif}
#connect .postoffice-address-copy{position:relative;z-index:1;display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
#connect .postoffice-address-index{color:#AF91A2;font:600 8px/1.3 'DM Sans',sans-serif;letter-spacing:.075em}
#connect .postoffice-address-copy strong{color:#73546C;font:500 clamp(16px,1.65vw,20px)/1.15 'Playfair Display',Georgia,serif;overflow-wrap:anywhere}
#connect .postoffice-arrow{position:relative;z-index:1;align-self:flex-end;color:#BB92AA;font-size:17px;line-height:1.2}
#connect .postoffice-note{position:relative;margin:23px 4px 2px;color:#AD8E9E;font-size:11px;line-height:1.7;text-align:center;word-break:keep-all}
#connect .postoffice-end-ornament{display:block;margin:37px auto 0;max-width:min(360px,70%);width:100%;height:auto}
#connect .postoffice-address:focus-visible{outline:3px solid #98739D;outline-offset:3px}
@media(hover:hover){#connect .postoffice-address:hover{transform:translateY(-4px);border-color:#CBA8BE;box-shadow:0 7px 0 -3px rgba(184,144,165,.35),0 13px 23px rgba(109,75,98,.11)}}
@media(max-width:1020px){#connect .postoffice-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:12px}#connect .postoffice-directory{padding:22px 15px 18px}#connect .postoffice-address-grid{gap:10px}#connect .postoffice-address{padding:12px 10px;min-height:93px}#connect .postoffice-postmark{width:38px;height:38px;flex-basis:38px;font-size:20px}#connect .postoffice-address-copy strong{font-size:16px}}
@media(max-width:760px){#connect[data-deligh-connect="postoffice-v1"]{padding:67px 16px 75px}#connect .postoffice-heading{margin-bottom:9px}#connect .postoffice-heading-ornament{max-width:420px}#connect .postoffice-heading h2{font-size:clamp(27px,6.4vw,41px)}#connect .postoffice-layout{grid-template-columns:minmax(0,1fr);gap:9px}#connect .postoffice-art-panel{width:min(100%,360px)}#connect .postoffice-caption{font-size:12px;margin-top:-12px}#connect .postoffice-directory{width:min(100%,610px);margin:9px auto 0;padding:22px 17px 19px}#connect .postoffice-address{min-height:91px;padding:12px}#connect .postoffice-address-copy strong{font-size:18px}#connect .postoffice-end-ornament{margin-top:26px}}
@media(max-width:500px){#connect .postoffice-art-panel{width:min(100%,300px)}#connect .postoffice-address-grid{grid-template-columns:minmax(0,1fr);gap:11px}#connect .postoffice-address{min-height:78px;gap:14px;padding:10px 16px}#connect .postoffice-postmark{flex-basis:43px;width:43px;height:43px;font-size:22px}#connect .postoffice-address-copy strong{font-size:19px}#connect .postoffice-directory-top{font-size:9px;letter-spacing:.08em}#connect .postoffice-note{font-size:10px}}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect[data-deligh-connect="postoffice-v1"]{color:#F2E4ED;background:radial-gradient(ellipse 50% 44% at 11% 32%,rgba(122,90,125,.28),transparent 90%),linear-gradient(145deg,#29232F,#3C2D3E)}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-heading h2{color:#F7E7EF}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-heading h2 em,:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-heading .eyebrow{color:#E6BAD4}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-intro{color:#E5CDDC}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-directory{background:linear-gradient(150deg,#4B3949,#433342);border-color:#786072}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-directory-top,:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-note{color:#E3C4D4}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-address{background:linear-gradient(155deg,#584254,#4B384C);border-color:#80647A}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-address-copy strong{color:#F6E5EE}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) #connect .postoffice-address-index{color:#DFC0D0}
@media(prefers-reduced-motion:reduce){#connect .postoffice-address{transition:none;transform:none!important}}

/* DELIGH HEADER + FOOTER / ROMANTIC RABBIT ATELIER V1 */
/* Only site header/footer overrides. Other site sections unchanged. */
.dh-site-header{position:sticky;top:0;z-index:120;display:flex;align-items:center;justify-content:space-between;min-height:92px;width:100%;box-sizing:border-box;padding:7px clamp(22px,5.5vw,86px) 9px;gap:22px;background:linear-gradient(110deg,rgba(255,251,248,.96) 0%,rgba(253,241,246,.95) 52%,rgba(249,239,247,.96) 100%);border-bottom:1px solid #DDBDCE;box-shadow:0 6px 25px rgba(111,77,95,.075);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.dh-site-header:before{content:"";position:absolute;inset:5px 14px 7px;pointer-events:none;border-top:1px solid rgba(181,135,160,.29);border-bottom:1px solid rgba(181,135,160,.16)}
.dh-site-header .dh-underlace{position:absolute;bottom:-7px;left:0;right:0;height:8px;pointer-events:none;background:radial-gradient(circle at 7px 0px,transparent 5.4px,#D8B4C7 5.6px,#D8B4C7 6px,transparent 6.2px) 0 0/14px 8px repeat-x;opacity:.67}
.dh-site-header .dh-logo{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex:0 0 auto;text-decoration:none;color:#966A83;line-height:1.1;white-space:nowrap}
.dh-site-header .dh-brand-emblem{width:62px;height:62px;display:block;overflow:visible;filter:drop-shadow(0 3px 3px rgba(128,91,110,.12));transition:transform .24s ease}
.dh-site-header .dh-logo:hover .dh-brand-emblem{transform:rotate(-7deg)}
.dh-site-header .dh-logo-type{font-family:'Cormorant Garamond','Playfair Display',Georgia,serif;font-weight:500;font-style:italic;font-size:clamp(29px,2.7vw,39px);letter-spacing:-.025em;text-shadow:0 1px #fff}
.dh-site-header .dh-logo-star{font-family:Georgia,serif;font-size:21px;font-style:normal;vertical-align:super;color:#B387A7;margin-left:5px;letter-spacing:0}
.dh-site-header .dh-header-floral{position:absolute;width:min(33%,440px);left:48%;top:50%;transform:translate(-50%,-50%);opacity:.76;pointer-events:none}
.dh-site-header .dh-header-floral svg{display:block;width:100%;height:auto;max-height:74px;overflow:visible}
.dh-site-header .dh-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:clamp(2px,.8vw,15px);margin-left:auto;flex-wrap:nowrap}
.dh-site-header .dh-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px clamp(9px,1.4vw,17px);border-radius:28px;color:#805B72;font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:12px;font-weight:600;letter-spacing:.085em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}
.dh-site-header .dh-nav a:before{content:'✧';position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:9px;color:#C69DBC;opacity:0;transition:opacity .2s ease}
.dh-site-header .dh-nav a:hover{background:rgba(242,215,226,.68);color:#86556F;transform:translateY(-2px)}
.dh-site-header .dh-nav a:hover:before{opacity:1}
.dh-site-header #themeToggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;margin-left:8px;border:1px solid #D9B7C8;border-radius:50%;color:#895D78;background:radial-gradient(circle at 32% 23%,#FFFDF8,#F7E4EE 74%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.6),0 3px 7px rgba(140,95,118,.1);font-size:19px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.dh-site-header #themeToggle:hover{transform:rotate(-12deg);box-shadow:0 5px 14px rgba(140,95,118,.16)}
.dh-site-header .dh-logo:focus-visible,.dh-site-header .dh-nav a:focus-visible,.dh-site-header #themeToggle:focus-visible{outline:2px solid #B07B9A;outline-offset:4px}
/* footer: paper, gilding, floral ornament, central cameo */
.dh-site-footer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:26px 24px 47px;overflow:hidden;text-align:center;border-top:1px solid #DDC3CE;background:radial-gradient(ellipse 62% 85% at 50% 43%,rgba(249,219,235,.77),transparent 78%),linear-gradient(180deg,#FFFAF7 0%,#FBF2F5 64%,#F8EDF3 100%);box-shadow:inset 0 6px 0 rgba(255,252,249,.7);color:#7F6274}
.dh-site-footer:before,.dh-site-footer:after{content:"";position:absolute;pointer-events:none;inset:12px 16px 14px;border:1px solid rgba(194,153,174,.28);border-radius:3px}
.dh-site-footer:after{inset:16px 20px 18px;border-color:rgba(255,255,255,.78)}
.dh-site-footer .dh-footer-art{width:min(850px,94vw);height:auto;position:relative;z-index:1;margin:-4px auto -10px;pointer-events:none}
.dh-site-footer .dh-footer-illustration{display:block;width:100%;height:auto;max-height:212px}
.dh-site-footer .dh-footer-message{display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;z-index:1;margin:0 0 18px;width:min(100%,920px)}
.dh-site-footer .footer-english{font-family:'Cormorant Garamond','Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2.55vw,35px);font-style:italic;line-height:1.26;letter-spacing:-.012em;text-align:center;color:#95647D;text-wrap:balance}
.dh-site-footer .footer-korean{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:13px;line-height:1.85;color:#9E788C;word-break:keep-all}
.dh-site-footer .dh-footer-ornate-rule{display:flex;align-items:center;justify-content:center;gap:13px;position:relative;z-index:1;color:#CDA4BF;letter-spacing:3px;font-size:13px;margin:0 auto 16px;opacity:.9}
.dh-site-footer .dh-footer-ornate-rule:before,.dh-site-footer .dh-footer-ornate-rule:after{content:"";display:block;width:clamp(35px,8vw,135px);height:1px;background:linear-gradient(90deg,transparent,#D6B1C2)}
.dh-site-footer .dh-footer-ornate-rule:after{transform:rotate(180deg)}
.dh-site-footer .dh-footer-copyright{position:relative;z-index:1;font-family:'DM Sans','Noto Sans KR',sans-serif;color:#AB899C;font-size:11px;letter-spacing:.035em}
@media(max-width:1120px){.dh-site-header .dh-header-floral{width:22%;left:49%;opacity:.35}.dh-site-header .dh-logo-type{font-size:33px}}
@media(max-width:720px){.dh-site-header{display:grid;grid-template-columns:1fr;gap:2px;min-height:118px;padding:8px 17px 12px}.dh-site-header .dh-logo{margin:0 auto;gap:6px}.dh-site-header .dh-brand-emblem{width:46px;height:46px}.dh-site-header .dh-logo-type{font-size:30px}.dh-site-header .dh-logo-star{font-size:15px}.dh-site-header .dh-header-floral{display:none}.dh-site-header .dh-nav{width:100%;margin:0;justify-content:center;gap:clamp(0px,1vw,9px)}.dh-site-header .dh-nav a{font-size:10px;letter-spacing:.06em;min-height:34px;padding:7px clamp(8px,2vw,13px)}.dh-site-header #themeToggle{width:33px;height:33px;flex-basis:33px;font-size:16px;margin-left:4px}.dh-site-footer{padding:20px 18px 35px}.dh-site-footer .dh-footer-art{width:min(94vw,620px);margin:-4px auto 4px}.dh-site-footer .dh-footer-illustration{max-height:164px}.dh-site-footer .dh-footer-message{gap:9px;margin-bottom:12px}.dh-site-footer .footer-english{font-size:clamp(21px,5.2vw,28px)}.dh-site-footer .footer-korean{font-size:12px}.dh-site-footer .dh-footer-copyright{font-size:10px}}
@media(max-width:375px){.dh-site-header{padding:6px 9px 12px}.dh-site-header .dh-nav a{font-size:9px;padding:6px 7px}.dh-site-footer .dh-footer-illustration{max-height:118px}.dh-site-footer .footer-english{font-size:20px}}
/* Preserve the site theme toggle. Existing JS controls theme state. */
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header{background:linear-gradient(110deg,rgba(46,35,49,.98),rgba(57,42,61,.98));border-bottom-color:#6C536B;box-shadow:0 7px 24px rgba(10,5,15,.3)}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header .dh-logo-type,:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header .dh-logo{color:#F1D9E7;text-shadow:none}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header .dh-nav a{color:#F2D9E8}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header .dh-nav a:hover{background:rgba(148,112,141,.26)}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-header #themeToggle{background:linear-gradient(120deg,#5C435A,#47334A);border-color:#846982;color:#F5D8E7;box-shadow:inset 0 0 0 3px #5F4B60}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer{color:#F1DFEA;background:radial-gradient(ellipse 65% 85% at 50% 43%,rgba(124,86,123,.21),transparent 85%),linear-gradient(180deg,#35283A,#2C2232);border-top-color:#654B65;box-shadow:none}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer:before{border-color:rgba(219,174,207,.19)}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer:after{border-color:rgba(232,200,222,.08)}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer .footer-english{color:#F4DBEA}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer .footer-korean{color:#DEC7D8}
:is(html[data-theme="dark"],body[data-theme="dark"],html.dark,body.dark,body.dark-mode) .dh-site-footer .dh-footer-copyright{color:#C9ACC1}
@media(prefers-reduced-motion:reduce){.dh-site-header .dh-brand-emblem,.dh-site-header .dh-nav a,.dh-site-header .dh-nav a:before,.dh-site-header #themeToggle{transition:none!important;transform:none!important}}

/* DELIGH DARK LETTER IVORY FIX V1 */
/* Keep the night outside the envelope; the letter stays warm ivory. */
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] {
    --sl-ink: #664657;
    --sl-soft: #98788B;
    --sl-paper: #FFFCF8;
    --sl-paper-border: #E1C2CD;
    --sl-note: #F9ECEF;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] .starletter-stationery::before {
    background: #F5E7E9;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] .eyebrow {
    color: #94647E;
    background: #F9EBEF;
    border-color: #E7CBD5;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] h1 em {
    color: #AA7290;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] .hero-second-line {
    color: #B4839C;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline {
    color: #8D5C78;
    border-color: #BB91A4;
}
:is(html[data-theme="dark"], body[data-theme="dark"], html.dark, body.dark, body.dark-mode)
.hero[data-deligh-home="starletter-v1"] .hero-actions .button-outline:hover {
    background: #F6E3EC;
}

/* DELIGH PLATFORM GROUP STYLE V2 */
#connect .postoffice-group-title {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 10px 2px 0;
    padding: 0 2px 8px;
    border-bottom: 1px dashed #D8B5C9;
    color: #98748D;
}
#connect .postoffice-group-title span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
}
#connect .postoffice-group-title small {
    font-size: 10px;
    color: #AA8F9E;
}
#connect .postoffice-address--unlinked {
    cursor: default;
    opacity: .9;
}
#connect .postoffice-address--unlinked .postoffice-address-pending {
    position: relative;
    z-index: 1;
    align-self: center;
    flex-shrink: 0;
    font-size: 8px;
    font-weight: 700;
    color: #A4859A;
}
@media (max-width: 500px) {
    #connect .postoffice-group-title { margin-top: 12px; }
}


/* DELIGH-OOC-HOME-V3-BEGIN */

/* ARCHIVE 05 · OOC COLLECTION */

#archive .starlit-file--ooc {
    --file-ink: #A687BB;
    --file-wash: #F2E5F5;

    grid-column: 1 / -1;
    justify-self: center;

    width: 100%;
    max-width: calc(
        (100% - clamp(16px, 2.6vw, 32px)) / 2
    );
}

#archive .starlit-file--ooc .starlit-ooc-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 12px;
    padding: 11px 18px;

    border: 1px solid #C7ACD5;
    border-radius: 40px;

    background: #FCF8FE;
    color: #795E93;

    font-size: 12px;
    font-weight: 700;
    text-decoration: none;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

#archive .starlit-file--ooc .starlit-ooc-open:hover {
    background: #F3E7FA;
    border-color: #9B78B2;
    transform: translateY(-2px);
}

#archive .starlit-file--ooc .starlit-ooc-open:focus-visible {
    outline: 2px solid #9B78B2;
    outline-offset: 4px;
}

/* 모바일: 다른 카드와 동일한 전체 너비 */
@media (max-width: 750px) {
    #archive .starlit-file--ooc {
        grid-column: auto;
        max-width: 100%;
        width: 100%;
    }
}

/* 다크 모드 */
:is(
    html[data-theme="dark"],
    body[data-theme="dark"],
    html.dark,
    body.dark,
    body.dark-mode
) #archive .starlit-file--ooc .starlit-ooc-open {
    background: #514058;
    border-color: #BFA6D1;
    color: #F8EAFB;
}

/* DELIGH-OOC-HOME-V3-END */