@charset "UTF-8";

.privacy-page { font-family: Manrope, Arial, sans-serif; }
.privacy-hero { overflow: hidden; color: #1d1d1a; background: linear-gradient(125deg, #efeee8, #e8e8e1 58%, #f4f3ed); }
.privacy-hero-inner { padding-top: clamp(32px, 3.8vw, 64px); }
.privacy-breadcrumb { display: inline-flex; align-items: center; gap: 14px; color: #66665f; font-size: 12px; font-weight: 650; }
.privacy-breadcrumb:hover { color: #171715; }
.privacy-breadcrumb span { color: #a3a39a; }
.privacy-hero-grid { display: grid; grid-template-columns: minmax(0, 1.32fr) minmax(0, .68fr); align-items: center; gap: clamp(48px, 7vw, 135px); padding-block: clamp(76px, 7vw, 122px); }
.privacy-kicker, .privacy-small-label { display: inline-flex; align-items: center; gap: 11px; color: #64645e; font-size: 11px; font-weight: 800; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; }
.privacy-kicker i { width: 8px; height: 8px; border-radius: 50%; background: #20201d; box-shadow: 0 0 0 5px #20201d14; }
.privacy-hero h1 { max-width: 1050px; margin: 25px 0 27px; font-size: clamp(52px, 5.4vw, 92px); font-weight: 740; letter-spacing: -.072em; line-height: 1.07; text-wrap: balance; }
.privacy-hero-copy p { max-width: 680px; margin: 0; color: #5f5f58; font-size: clamp(16px, 1.18vw, 19px); line-height: 1.75; }
.privacy-hero-art { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 350px; aspect-ratio: 1.05; padding: clamp(28px, 3vw, 50px); border: 1px solid #cccac0; background: #f8f8f3; box-shadow: 0 19px 55px #29291f0c; transform: rotate(2deg); }
.privacy-art-top { position: absolute; top: 26px; right: 28px; left: 28px; display: flex; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid #d0d0c6; color: #66665f; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.privacy-art-top i { color: #20201d; font-size: 19px; font-style: normal; line-height: 1; }
.privacy-art-symbol { margin-bottom: 12px; color: #22221f; font-size: clamp(68px, 8vw, 132px); font-weight: 400; line-height: 1; }
.privacy-art-line { display: block; width: 88%; height: 10px; margin: 8px 0; background: #d8d8d0; }
.privacy-art-line.short { width: 56%; }
.privacy-art-bottom { position: absolute; right: 28px; bottom: 25px; left: 28px; padding-top: 12px; border-top: 1px solid #d0d0c6; color: #777770; font-size: 10px; font-weight: 750; letter-spacing: .15em; }
.privacy-hero-foot { display: flex; justify-content: space-between; gap: 20px; padding-block: 23px 29px; border-top: 1px solid #b8b8ad; color: #676760; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.privacy-hero-foot i { margin-left: 8px; color: #292925; font-size: 18px; font-style: normal; }

.privacy-content { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.7fr); gap: clamp(55px, 8.5vw, 155px); align-items: start; padding-top: clamp(90px, 9vw, 150px); padding-bottom: clamp(100px, 10vw, 175px); }
.privacy-sidebar { position: sticky; top: 105px; }
.privacy-toc { display: flex; flex-direction: column; border-top: 1px solid #c9c9c0; }
.privacy-toc > .privacy-small-label { padding-block: 19px 20px; }
.privacy-toc a { display: flex; align-items: baseline; gap: 17px; padding: 13px 0; border-top: 1px solid #e0e0d8; color: #50504b; font-size: 13px; font-weight: 650; line-height: 1.45; transition: color .25s, padding-left .25s; }
.privacy-toc a:hover, .privacy-toc a:focus-visible { padding-left: 7px; color: #161615; }
.privacy-toc a span { color: #8e8e85; font-size: 10px; font-weight: 800; }
.privacy-help { margin-top: 40px; padding: 26px; border: 1px solid #d2d2c8; background: #eeeee7; }
.privacy-help p { margin: 17px 0 20px; color: #53534d; font-size: 14px; line-height: 1.65; }
.privacy-help a { display: flex; justify-content: space-between; gap: 12px; overflow-wrap: anywhere; padding-bottom: 6px; border-bottom: 1px solid #22221f; font-size: 13px; font-weight: 750; }
.privacy-help a span { flex: none; font-size: 20px; font-weight: 400; line-height: 1; }
.privacy-article { min-width: 0; }
.privacy-intro { margin-bottom: 22px; padding: clamp(28px, 3.6vw, 55px); background: #ebebe4; }
.privacy-intro p { max-width: 860px; margin: 17px 0 0; color: #33332f; font-size: clamp(18px, 1.45vw, 23px); font-weight: 520; line-height: 1.75; }
.privacy-topic { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: clamp(16px, 2.4vw, 38px); padding-block: clamp(33px, 4vw, 63px); border-bottom: 1px solid #d1d1c8; scroll-margin-top: 105px; }
.privacy-topic:first-of-type { border-top: 1px solid #d1d1c8; }
.privacy-topic-number { padding-top: 11px; color: #8d8d85; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.privacy-topic h2 { max-width: 900px; margin: 0 0 22px; font-size: clamp(27px, 2.6vw, 43px); font-weight: 710; letter-spacing: -.055em; line-height: 1.15; text-wrap: balance; }
.privacy-topic p { max-width: 850px; margin: 0 0 1.4em; color: #50504a; font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.privacy-topic p:last-child { margin-bottom: 0; }
.privacy-return { background: #e8e8e0; }
.privacy-return-inner { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-block: clamp(75px, 7vw, 120px); }
.privacy-return h2 { max-width: 820px; margin: 18px 0 0; font-size: clamp(42px, 5vw, 77px); font-weight: 740; letter-spacing: -.07em; line-height: 1.06; text-wrap: balance; }
.privacy-return a { display: flex; justify-content: space-between; gap: 25px; min-width: 230px; padding-bottom: 10px; border-bottom: 1px solid #252522; font-size: 13px; font-weight: 750; white-space: nowrap; }
.privacy-return a span { font-size: 22px; font-weight: 400; line-height: 1; transition: transform .3s; }
.privacy-return a:hover span { transform: translate(4px, -4px); }

@media (max-width: 1050px) {
  .privacy-hero-grid { gap: 45px; }
  .privacy-hero h1 { font-size: clamp(50px, 6vw, 75px); }
  .privacy-hero-art { min-height: 300px; }
  .privacy-content { gap: 55px; }
}
@media (max-width: 780px) {
  .privacy-hero-grid { grid-template-columns: 1fr; gap: 52px; padding-block: 69px 52px; }
  .privacy-hero-art { width: min(100%, 420px); min-height: 320px; justify-self: center; }
  .privacy-content { grid-template-columns: 1fr; gap: 38px; }
  .privacy-sidebar { position: static; }
  .privacy-toc { display: flex; flex-direction: row; align-items: center; gap: 10px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; }
  .privacy-toc > .privacy-small-label { flex: none; padding-right: 10px; }
  .privacy-toc a { flex: none; align-items: center; min-height: 43px; padding: 10px 15px; border: 1px solid #d1d1c8; border-radius: 100px; white-space: nowrap; }
  .privacy-toc a:hover, .privacy-toc a:focus-visible { padding-left: 15px; background: #ecece6; }
  .privacy-help { display: none; }
  .privacy-return-inner { align-items: start; flex-direction: column; }
}
@media (max-width: 560px) {
  .privacy-hero-inner { padding-top: 25px; }
  .privacy-hero h1 { font-size: clamp(45px, 11vw, 61px); }
  .privacy-hero-art { min-height: 285px; }
  .privacy-hero-foot { flex-wrap: wrap; font-size: 9px; }
  .privacy-content { padding-top: 72px; padding-bottom: 100px; }
  .privacy-toc { margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); }
  .privacy-intro { padding: 27px 22px; }
  .privacy-intro p { font-size: 18px; }
  .privacy-topic { grid-template-columns: 1fr; gap: 7px; padding-block: 35px; scroll-margin-top: 85px; }
  .privacy-topic-number { padding-top: 0; }
  .privacy-topic h2 { margin-bottom: 16px; font-size: 30px; }
  .privacy-topic p { font-size: 15px; line-height: 1.8; }
  .privacy-return h2 { font-size: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  .privacy-page *, .privacy-page *::before, .privacy-page *::after { transition-duration: .01ms !important; }
}