:root{
  --ink:#15121a;
  --ink-2:#231f29;
  --muted:#77717d;
  --muted-2:#9a949f;
  --line:rgba(34,25,44,.10);
  --line-strong:rgba(34,25,44,.16);
  --paper:#fff;
  --soft:#f8f7fa;
  --soft-2:#f3f1f6;
  --accent:#7b5cff;
  --accent2:#ff72ad;
  --hero:#15121a;
  --shadow-sm:0 10px 30px rgba(34,24,47,.07);
  --shadow-md:0 24px 70px rgba(34,24,47,.10);
  --shadow-lg:0 38px 110px rgba(20,13,29,.18);
  --radius:18px;
  --radius-lg:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{display:block;width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
.wrap{width:min(1320px,calc(100% - 80px));margin:auto}
.skip-link{position:fixed;left:16px;top:-64px;z-index:999;background:#111;color:#fff;padding:12px 16px;border-radius:8px}
.skip-link:focus{top:16px}
section[id]{scroll-margin-top:150px}

/* =========================================================
   GLOBAL HEADER — one navigation system, no mega menu
========================================================= */
.site-header.sub-header{height:76px;position:sticky;top:0;z-index:150;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(29,22,37,.08);box-shadow:0 4px 18px rgba(34,23,52,.035);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:background .22s ease,box-shadow .22s ease}
.site-header.sub-header.scrolled{background:rgba(255,255,255,.99);box-shadow:0 10px 30px rgba(34,23,52,.07)}
.site-header .header-inner{height:76px;width:min(1380px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:178px 1fr 170px;gap:20px;align-items:center}
.site-header .logo{display:flex;align-items:center;width:166px;height:76px}
.site-header .logo img{width:100%;max-height:42px;object-fit:contain}
.site-header .gnb{height:76px;display:flex;align-items:center;justify-content:center;gap:50px;font-size:1rem;font-weight:720;letter-spacing:-.03em}
.site-header .gnb a{height:76px;display:flex;align-items:center;position:relative;white-space:nowrap;color:#2a2630;transition:color .2s ease}
.site-header .gnb a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--accent);transition:left .22s ease,right .22s ease}
.site-header .gnb a:hover,.site-header .gnb a.active{color:var(--accent)}
.site-header .gnb a:hover::after,.site-header .gnb a.active::after{left:0;right:0}
.site-header .gnb a.active{font-weight:900}
.site-header .head-cta{height:50px;align-self:center;border-radius:12px;padding:0 15px;background:#19161e;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:1px;box-shadow:0 10px 25px rgba(24,20,30,.15);transition:transform .2s ease,box-shadow .2s ease}
.site-header .head-cta span{font-size:.85rem;font-weight:700;letter-spacing:.02em;color:rgba(66, 45, 45, 0.68)}
.site-header .head-cta b{font-size: 1rem;
    font-weight: 850;
    letter-spacing: .01em;
    margin: 0;}
.site-header .head-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(24,20,30,.21)}
.site-header .mobile-menu-btn,.site-header .mobile-nav{display:none}

/* ==================================================
   QUICK MENU
================================================== */

.quick {
  position: fixed;
  right: 28px;
  top: 250px;
  z-index: 70;
  width: 100px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 20px 55px rgba(62, 42, 112, 0.16);
  border: 1px solid rgba(120, 90, 195, 0.14);
  overflow: visible;
  text-align: center;
}

.quick-benefit {
  position: absolute;
  top: 62px;
  right: calc(100% + 10px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 98px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ff2f7d;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(255, 47, 125, 0.28);
  pointer-events: none;
  transform-origin: right center;
  animation: quickBenefitBlink 2.8s ease-in-out infinite;
}

.quick-benefit::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #ff2f7d;
  transform: translateY(-50%);
}

@keyframes quickBenefitBlink {
  0%, 14% {
    opacity: 0;
    transform: translateX(8px) scale(.92);
  }
  24%, 70% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  82%, 100% {
    opacity: 0;
    transform: translateX(8px) scale(.92);
  }
}

.quick > b {
  display: block;
  padding: 15px 4px 10px;
  font-size: .85rem;
}

.quick a {
  height: 61px;
  border-top: 1px solid #eee9f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  font-size: .85rem;
}

.quick i {
  font-style: normal;
  font-size: 15px;
  color: #825de5;
}

/* =========================================================
   COURSE LANDING HERO — editorial academy identity
========================================================= */
.landing-hero{position:relative;min-height:700px;margin:10px 12px 0;border-radius:28px;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 91% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 28%),
  radial-gradient(circle at 35% 110%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 34%),
  linear-gradient(125deg,color-mix(in srgb,var(--hero) 91%,#06050a),var(--hero));isolation:isolate}
.landing-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light;pointer-events:none}
.landing-hero::after{content:"";position:absolute;right:-210px;top:-280px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 52%,transparent),transparent 68%);opacity:.30;filter:blur(38px);z-index:-1}
.hero-word{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(112px,12.8vw,220px);line-height:.78;font-weight:950;letter-spacing:-.08em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);user-select:none;pointer-events:none}
.hero-inner{position:relative;z-index:2;min-height:700px;padding:64px 0 84px;display:grid;grid-template-columns:1.02fr .98fr;gap:86px;align-items:center}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:46px;font-size:1rem;letter-spacing:.08em;color:rgba(255,255,255,.42)}
.breadcrumb strong{color:rgba(255,255,255,.88)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:900;letter-spacing:.20em;color:color-mix(in srgb,var(--accent) 70%,white)}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor}
.hero-copy h1{max-width:760px;margin:16px 0 24px;font-size:clamp(54px,5vw,76px);line-height:1.01;letter-spacing:-.068em;text-wrap:balance}
.hero-copy h1 em{font-style:normal;color:var(--accent)}
.hero-copy>p{max-width:650px;margin:0;font-size:15px;line-height:1.9;color:rgba(255,255,255,.66);word-break:keep-all}
.keyword-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.keyword-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.035);font-size:.9rem;color:rgba(255,255,255,.72);letter-spacing:.01em}
.hero-actions{display:flex;gap:10px;margin-top:32px}
.btn{min-height:52px;padding:0 22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:1rem;font-weight:900;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 30%,transparent)}
.btn.line{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.035);color:#fff}
.btn.line:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.07)}
.hero-stage{position:relative;height:540px;perspective:900px}
.hero-photo{position:absolute;right:0;top:0;width:80%;height:100%;border-radius:8px 96px 8px 8px;overflow:hidden;background:#d9d5dd;box-shadow:0 34px 95px rgba(0,0,0,.32);transform-style:preserve-3d;transition:transform .25s ease}
.hero-photo::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.28);border-radius:5px 88px 5px 5px;z-index:2;pointer-events:none}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(10,8,13,.48));z-index:1}
.hero-photo img{height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-stage:hover .hero-photo img{transform:scale(1.025)}
.hero-index{position:absolute;left:0;bottom:30px;width:246px;padding:27px 24px;background:rgba(255,255,255,.97);color:var(--ink);border-top:3px solid var(--accent);box-shadow:0 26px 65px rgba(0,0,0,.28);z-index:4}
.hero-index small{display:block;font-size:1rem;letter-spacing:.18em;color:var(--accent);font-weight:900}
.hero-index b{display:block;margin:8px 0 18px;font-size:1.75rem;line-height:1.06;letter-spacing:-.045em}
.hero-index ol{margin:0;padding:0;list-style:none}
.hero-index li{display:flex;gap:10px;padding:8px 0;border-top:1px solid #ebe6ee;font-size:10px;color:#635d69}
.hero-index li span{color:var(--accent);font-weight:900}
.hero-stamp{position:absolute;right:-18px;bottom:42px;width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.32);background:rgba(17,14,22,.25);backdrop-filter:blur(10px);font-size:.75rem;letter-spacing:.08em;line-height:1.35;transform:rotate(7deg);z-index:4}

/* =========================================================
   QUICK CONSULTATION DOCK — fixed layout, conversion first
========================================================= */
.lead-dock{position:relative;z-index:20;margin-top:-42px}
.lead-box{position:relative;background:rgba(255,255,255,.97);border:1px solid rgba(37,25,52,.09);border-radius:18px;box-shadow:0 28px 78px rgba(39,26,57,.13);padding:26px 28px;display:grid;grid-template-columns:220px minmax(0,1fr) 220px;grid-template-areas:"copy fields submit" "copy privacy submit";column-gap:24px;row-gap:10px;align-items:center;backdrop-filter:blur(20px) saturate(145%)}
.lead-box::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}
.lead-copy{grid-area:copy;align-self:center;padding-left:2px}
.lead-copy small{display:block;font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.17em}
.lead-copy b{display:block;margin-top:7px;font-size:21px;line-height:1.25;letter-spacing:-.045em}
.lead-fields{grid-area:fields;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;min-width:0}
.lead-fields label{display:block;min-width:0}
.lead-fields label>span{display:block;margin-bottom:7px;font-size:9px;color:#7f7885;font-weight:650}
.lead-fields input,.lead-fields select{width:100%;height:48px;border:1px solid #e3dee7;border-radius:9px;background:#fbfafc;padding:0 13px;outline:none;color:#29242f;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.lead-fields input::placeholder{color:#aaa3ad}
.lead-fields input:focus,.lead-fields select:focus{background:#fff;border-color:color-mix(in srgb,var(--accent) 48%,#d9d1df);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.lead-box>button{grid-area:submit;align-self:stretch;min-height:72px;border:0;border-radius:10px;background:#17141b;color:#fff;padding:0 20px;font-size:13px;font-weight:900;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.lead-box>button:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 20%,transparent)}
.privacy-mini{grid-area:privacy;display:flex;align-items:center;gap:6px;margin:0;font-size:9px;color:#938c98;line-height:1.4}
.privacy-mini input{width:14px;height:14px;margin:0;accent-color:var(--accent)}

/* =========================================================
   IN-PAGE NAVIGATION
========================================================= */
.anchor-nav{position:sticky;top:76px;z-index:80;margin-top:28px;background:rgba(255,255,255,.97);border-top:1px solid #f0edf2;border-bottom:1px solid #e8e3eb;backdrop-filter:blur(12px)}
.anchor-nav .wrap{display:flex;justify-content:center;overflow:auto;scrollbar-width:none}
.anchor-nav .wrap::-webkit-scrollbar{display:none}
.anchor-nav a{height:58px;padding:0 28px;display:flex;align-items:center;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:1rem;font-weight:800;color:#6d6772;transition:color .2s ease,border-color .2s ease}
.anchor-nav a:hover,.anchor-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}

/* =========================================================
   SECTION SYSTEM
========================================================= */
.section{padding:112px 0}
.soft{background:linear-gradient(180deg,#fbfafc 0%,#f8f7fa 100%)}
.soft h3{font-size:1.25rem;}
.section-head{max-width:760px}
.section-head.center{text-align:center;margin:0 auto}
.section-head .eyebrow,.sticky-copy .eyebrow,.faq-side .eyebrow{color:var(--accent)}
.section-head h2{margin:14px 0 17px;font-size:2.5rem;line-height:1.10;letter-spacing:-.06em;text-wrap:balance}
.section-head h2 em{font-style:normal;color:var(--accent)}
.section-head p{margin:0;font-size:1.15rem;line-height:1.5;color:var(--muted);word-break:keep-all}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.feature-card{position:relative;min-height:286px;padding:29px 25px;border:1px solid rgba(40,29,53,.085);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.feature-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--accent);transition:height .28s ease}
.feature-card::after{content:"";position:absolute;right:-32px;bottom:-34px;width:112px;height:112px;border-radius:50%;background:color-mix(in srgb,var(--accent) 7%,transparent);transition:transform .35s ease}
.feature-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 22%,#ddd);box-shadow:0 20px 44px rgba(36,25,50,.085)}
.feature-card:hover::before{height:100%}
.feature-card:hover::after{transform:scale(1.28)}
.feature-card small{font-size:1rem;letter-spacing:.16em;color:var(--accent);font-weight:900}
.feature-card .icon{width:58px;height:58px;margin:46px 0 22px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 8%,white);font-size:24px;color:var(--accent)}
.feature-card h3{margin:0 0 11px;font-size:1.25rem;letter-spacing:-.04em}
.feature-card p{margin:0;font-size:1rem;line-height:1.82;color:#77717d;word-break:keep-all}

.curriculum-layout{display:grid;grid-template-columns:360px 1fr;gap:76px;align-items:start}
.sticky-copy{position:sticky;top:166px}
.sticky-copy h2{margin:15px 0 19px;font-size:3rem;line-height:1.07;letter-spacing:-.06em}
.sticky-copy p{margin:0;font-size:1.15rem;line-height:1.85;color:var(--muted);word-break:keep-all}
.sticky-copy .hero-actions{margin-top:28px}
.curriculum-list{display:grid;gap:8px}
.curr-row{min-height:88px;padding:0 20px;display:grid;grid-template-columns:66px 1fr auto;align-items:center;border:1px solid rgba(43,31,56,.085);border-radius:12px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.curr-row:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--accent) 30%,#ddd);box-shadow:0 10px 28px rgba(38,27,52,.055)}
.curr-row>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,white);font-size:1rem;color:var(--accent);font-weight:900}
.curr-row b{font-size:1.15rem;letter-spacing:-.035em}
.curr-row small{font-size:1rem;color:#9a939e;letter-spacing:.05em}
.curr-row:hover b{color:var(--accent)}

/* system band */
.system-band{position:relative;margin:0 12px;padding:90px 0;border-radius:28px;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 27%),
  radial-gradient(circle at 15% 100%,color-mix(in srgb,var(--accent2) 8%,transparent),transparent 35%),
  var(--hero)}
.system-band::after{content:"SIA BEAUTY ACADEMY";position:absolute;right:235px;bottom:-.25em;font-size:3.5rem;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);pointer-events:none}
.system-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:stretch}
.system-intro{padding-right:50px}
.system-intro h2{margin:13px 0 0;font-size:2.25rem;line-height:1.15;letter-spacing:-.05em}
.system-card{padding:12px 32px;border-left:1px solid rgba(255,255,255,.13)}
.system-card b{display:block;font-size:1.25rem;line-height:1;color:var(--accent);letter-spacing:-.04em}
.system-card span{display:block;margin-top:13px;font-size:1.75rem;font-weight:900}
.system-card p{margin:9px 0 0;font-size:1.15rem;line-height:1.8;color:rgba(255,255,255,.55);word-break:keep-all}

/* field / trust */
.field-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:240px 240px;gap:10px;margin-top:52px}
.field-grid figure{position:relative;margin:0;border:1px solid rgba(41,31,54,.07);border-radius:12px;overflow:hidden;background:#eee}
.field-grid .big{grid-row:1/3}
.field-grid img{height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease;filter:saturate(.92)}
.field-grid figure:hover img{transform:scale(1.045);filter:saturate(1)}
.field-grid figure::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.field-grid figcaption{position:absolute;left:15px;bottom:14px;z-index:2;padding:7px 9px;border-radius:6px;background:rgba(15,12,18,.48);backdrop-filter:blur(7px);font-size:.85rem;font-weight:900;letter-spacing:.07em;color:#fff}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border:1px solid rgba(42,31,55,.08);border-radius:12px;background:#fff;overflow:hidden}
.proof-strip div{padding:24px 16px;text-align:center;border-right:1px solid var(--line)}
.proof-strip div:last-child{border:0}
.proof-strip b{display:block;font-size:1.25rem;letter-spacing:-.035em}
.proof-strip span{display:block;margin-top:5px;font-size:1.15rem;color:var(--muted)}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:330px 1fr;gap:90px}
.faq-side{position:sticky;top:166px;align-self:start}
.faq-side h2{margin:14px 0;font-size:3rem;line-height:1.08;letter-spacing:-.055em}
.faq-side p{margin:0;font-size:1rem;line-height:1.85;color:var(--muted);word-break:keep-all}
.faq-list{display:grid;gap:9px}
.faq-item{border:1px solid rgba(42,31,55,.085);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.faq-item.active{border-color:color-mix(in srgb,var(--accent) 26%,#ddd);box-shadow:0 12px 30px rgba(35,24,48,.055)}
.faq-item button{width:100%;min-height:76px;padding:0 18px;border:0;background:transparent;display:grid;grid-template-columns:42px 1fr 34px;align-items:center;text-align:left;cursor:pointer}
.faq-item button span{color:var(--accent);font-weight:900}
.faq-item button b{font-size:1.15rem;letter-spacing:-.025em}
.faq-item button em{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f6f4f8;font-style:normal;font-size:18px;color:#8d8593;transition:transform .25s ease,background .25s ease,color .25s ease}
.faq-item.active button em{transform:rotate(45deg);background:var(--accent);color:#fff}
.faq-item .answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.faq-item .answer p{overflow:hidden;margin:0;padding:0 54px;font-size:1.15rem;line-height:1.85;color:#746e7b;word-break:keep-all}
.faq-item.active .answer{grid-template-rows:1fr}
.faq-item.active .answer p{padding-bottom:24px}
.faq-item.active button b{color:var(--accent)}

/* bottom consultation */
.bottom-consult{position:relative;margin:0 12px 12px;padding:98px 0;border-radius:28px;overflow:hidden;background:
  radial-gradient(circle at 85% 16%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 27%),
  radial-gradient(circle at 24% 100%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 33%),
  #15121a;color:#fff}
.bottom-consult::before{content:"START";position:absolute;left:-.02em;bottom:-.31em;font-size:clamp(120px,16vw,250px);font-weight:950;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);pointer-events:none}
.consult-grid{position:relative;z-index:2;display:grid;grid-template-columns:400px 1fr;gap:76px;align-items:center}
.consult-copy h2{margin:13px 0 18px;font-size:3.5rem;line-height:1.09;letter-spacing:-.055em}
.consult-copy h2 em{font-style:normal;color:var(--accent)}
.consult-copy p{margin:0;font-size:1.15rem;line-height:1.5;color:rgba(255,255,255,.56);word-break:keep-all}
.consult-phone{margin-top:25px;font-size:2rem;font-weight:900;letter-spacing:-.045em}
.lead-form{padding:27px;border-radius:16px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.18)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;height:50px;border:1px solid #e6e1e9;border-radius:9px;background:#faf9fb;padding:0 13px;outline:none;color:#28232e;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.lead-form textarea{height:88px;padding-top:13px;resize:vertical}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{background:#fff;border-color:color-mix(in srgb,var(--accent) 45%,#d8d0df);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.agree{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:1rem;color:#807884}
.agree input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.lead-form button{width:100%;height:54px;margin-top:10px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 19%,transparent);transition:transform .22s ease,box-shadow .22s ease}
.lead-form button:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 27%,transparent)}

/* =========================================================
   CONTENT PAGES — review / story / academy
========================================================= */
.content-hero{position:relative;margin:10px 12px 0;padding:98px 0 84px;border-radius:28px;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 29%),
  radial-gradient(circle at 35% 110%,color-mix(in srgb,var(--accent2) 11%,transparent),transparent 32%),
  var(--hero);isolation:isolate}
.content-hero::after{content:"";position:absolute;right:-120px;top:-200px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%);opacity:.24;filter:blur(22px)}
.content-hero::before{position:absolute;right:4%;bottom:-.22em;font-size:clamp(90px,13vw,190px);line-height:1;font-weight:950;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none}
body[data-page="review"] .content-hero::before{content:"REVIEWS"}
body[data-page="story"] .content-hero::before{content:"JOURNAL"}
body[data-page="academy"] .content-hero::before{content:"SIA"}
.content-hero .wrap{position:relative;z-index:2}
.content-hero h1{max-width:900px;margin:16px 0 18px;font-size:64px;line-height:1.02;letter-spacing:-.07em;text-wrap:balance}
.content-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),color-mix(in srgb,var(--accent2) 68%,white));-webkit-background-clip:text;background-clip:text;color:transparent}
.content-hero p{max-width:690px;margin:0;font-size:1rem;line-height:1.9;color:rgba(255,255,255,.64)}
.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px}
.filter-row a,.filter-row button{padding:10px 15px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.045);color:#fff;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.filter-row a:hover,.filter-row button:hover{background:#fff;color:var(--hero);transform:translateY(-2px)}
.review-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.voice-card{padding:10px;border:1px solid rgba(48,34,63,.07);border-radius:14px;background:#fff;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.voice-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(34,23,49,.10)}
.voice-card img{height:auto;border-radius:9px;object-fit:cover;transition:transform .65s ease}
.voice-card:hover img{transform:scale(1.035)}
.voice-card .meta{padding:19px 12px 14px}
.voice-card small{font-size:1rem;letter-spacing:.1em;color:var(--accent);font-weight:900}
.voice-card h3{margin:8px 0;font-size:1.15rem;letter-spacing:-.04em}
.voice-card p{margin:0;font-size:12px;line-height:1.72;color:var(--muted)}
.story-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:56px}
.story-card{display:grid;grid-template-columns:240px 1fr;min-height:230px;border:1px solid rgba(48,34,63,.07);border-radius:14px;background:#fff;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.story-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(34,23,49,.09)}
.story-card img{height:100%;object-fit:cover;transition:transform .65s ease}
.story-card:hover img{transform:scale(1.04)}
.story-card .copy{padding:30px}
.story-card small{color:var(--accent);font-weight:900;font-size:10px}
.story-card h3{margin:10px 0;font-size:22px;letter-spacing:-.04em}
.story-card p{margin:0;font-size:13px;line-height:1.75;color:var(--muted)}
.manifesto{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.manifesto .big-num{font-size:138px;line-height:.8;font-weight:950;letter-spacing:-.08em;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent2) 60%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}
.manifesto h2{margin:20px 0;font-size:3.5rem;line-height:1.1;letter-spacing:-.06em}
.manifesto p{margin:0;font-size:1.15rem;line-height:1.5;color:var(--muted)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.value-card{min-height:225px;padding:32px;border:1px solid rgba(48,34,63,.07);border-radius:14px;background:linear-gradient(145deg,#fff,#fcfbfd);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.value-card b{font-size:20px;letter-spacing:-.035em}
.value-card p{font-size:1rem;line-height:1.75;color:var(--muted)}

/* =========================================================
   FOOTER / GLOBAL SITEMAP
========================================================= */
.site-footer.footer{background:#0e0c11;color:#fff;padding:0}
.site-footer .footer-sitemap{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:42px;padding:64px 0 50px;border-bottom:1px solid rgba(255,255,255,.10)}
.site-footer .footer-brand{padding-right:32px}
.site-footer .footer-logo-link{display:block;width:155px;filter:brightness(0) invert(1);opacity:.95}
.site-footer .footer-brand p{margin:24px 0 18px;color:rgba(255,255,255,.52);font-size:1rem;line-height:1.8}
.site-footer .footer-phone{display:inline-block;font-size:2rem;font-weight:900;letter-spacing:-.03em}
.site-footer .footer-col{display:flex;flex-direction:column;gap:11px}
.site-footer .footer-col b{margin-bottom:9px;font-size:1.15rem;letter-spacing:.08em;color:#fff}
.site-footer .footer-col a{font-size:1rem;color:rgba(255,255,255,.52);transition:color .2s ease,transform .2s ease}
.site-footer .footer-col a:hover{color:#fff;transform:translateX(2px)}
.site-footer .footer-bottom{padding:24px 0 30px;display:flex;justify-content:space-between;gap:30px;color:rgba(255,255,255,.38);font-size:.85rem;}
.site-footer .footer-bottom>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.site-footer .footer-bottom b{color:rgba(255,255,255,.7)}
.site-footer .footer-policy{justify-content:flex-end}
.site-footer .footer-policy a{color:rgba(255,255,255,.72);font-weight:700}
.mobile-cta,.toast{display:none}

/* reveal */
.reveal{opacity:0;transform:translateY(26px) scale(.994);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
.reveal.show{opacity:1;transform:none}
.reveal[data-reveal-delay="1"]{transition-delay:.05s}.reveal[data-reveal-delay="2"]{transition-delay:.10s}.reveal[data-reveal-delay="3"]{transition-delay:.15s}.reveal[data-reveal-delay="4"]{transition-delay:.20s}
.sia-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:500;pointer-events:none}
.sia-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 42%,transparent)}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:1180px){
  .site-header .header-inner{width:calc(100% - 44px);grid-template-columns:160px 1fr 154px;gap:14px}
  .site-header .gnb{gap:16px;font-size:12px}
  .hero-inner{gap:50px;grid-template-columns:1fr 420px}
  .hero-copy h1{font-size:56px}
  .hero-photo{width:88%}
  .lead-box{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"copy fields" "copy privacy" "copy submit";align-items:center}
  .lead-box>button{min-height:50px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .curriculum-layout{grid-template-columns:320px 1fr;gap:48px}
  .system-grid{grid-template-columns:1fr 1fr}
  .system-intro{grid-column:1/-1;margin-bottom:32px}
  .system-card:nth-child(2){border-left:0}
  .consult-grid{grid-template-columns:360px 1fr;gap:50px}
  .review-wall{grid-template-columns:repeat(2,1fr)}
  .story-list{grid-template-columns:1fr}
  .site-footer .footer-sitemap{gap:25px}
}
@media(max-width:900px){
  .wrap{width:calc(100% - 36px)}
  .site-header.sub-header,.site-header .header-inner{height:70px}
  .site-header .header-inner{width:calc(100% - 36px);grid-template-columns:150px 1fr 42px}
  .site-header .logo{height:70px;width:148px}
  .site-header .gnb,.site-header .head-cta{display:none}
  .site-header .mobile-menu-btn{justify-self:end;display:flex;border:0;background:none;flex-direction:column;gap:5px;align-items:flex-end;padding:8px 0;cursor:pointer}
  .site-header .mobile-menu-btn span{width:23px;height:2px;background:#17131c;transition:.2s}
  .site-header .mobile-menu-btn span:nth-child(2){width:17px}
  .site-header .mobile-nav.open{display:grid;position:absolute;top:70px;left:0;right:0;background:rgba(255,255,255,.99);grid-template-columns:1fr 1fr;padding:12px 20px 22px;box-shadow:0 18px 40px rgba(42,31,58,.12);border-top:1px solid #eee8f1}
  .site-header .mobile-nav a{padding:14px 8px;border-bottom:1px solid #eee8f1;font-size:13px;font-weight:800}
  .site-header .mobile-nav a.active{color:var(--accent)}
  .quick{display:none}
  .landing-hero,.content-hero{margin:6px 6px 0;border-radius:22px}
  .landing-hero{min-height:auto}
  .hero-inner{min-height:auto;grid-template-columns:1fr;padding:48px 0 64px}
  .breadcrumb{margin-bottom:36px}
  .hero-copy h1{font-size:49px}
  .hero-stage{height:470px}
  .hero-photo{width:84%;border-radius:8px 70px 8px 8px}
  .hero-photo::before{border-radius:5px 62px 5px 5px}
  .hero-index{left:2px}
  .lead-dock{margin-top:-24px}
  .lead-box{grid-template-columns:1fr;grid-template-areas:"copy" "fields" "privacy" "submit";padding:24px}
  .lead-box::before{top:18px;bottom:auto;height:3px;width:48px;border-radius:0 0 4px 0}
  .lead-fields{grid-template-columns:1fr 1fr}
  .lead-fields label:last-child{grid-column:1/-1}
  .lead-box>button{min-height:50px}
  .anchor-nav{top:70px}
  .anchor-nav .wrap{width:max-content;min-width:100%;justify-content:flex-start}
  .anchor-nav a{height:54px;padding:0 20px}
  .section{padding:86px 0}
  .curriculum-layout,.faq-layout,.consult-grid,.manifesto{grid-template-columns:1fr;gap:42px}
  .sticky-copy,.faq-side{position:static}
  .system-band,.bottom-consult{margin-left:6px;margin-right:6px;border-radius:22px}
  .system-grid{grid-template-columns:1fr}
  .system-intro{margin-bottom:20px}
  .system-card{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:24px 0}
  .field-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 190px 190px}
  .field-grid .big{grid-column:1/3;grid-row:auto}
  .proof-strip{grid-template-columns:repeat(2,1fr)}
  .proof-strip div:nth-child(2){border-right:0}
  .proof-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .content-hero{padding:76px 0 70px}
  .content-hero h1{font-size:52px}
  .value-grid{grid-template-columns:1fr 1fr}
  .site-footer .footer-sitemap{grid-template-columns:1.4fr repeat(2,1fr);gap:35px}
  .site-footer .footer-brand{grid-row:1/3}
  .site-footer .footer-bottom{flex-direction:column}
  .site-footer .footer-policy{justify-content:flex-start}
}
@media(max-width:560px){
  body{padding-bottom:64px}
  .wrap{width:calc(100% - 30px)}
  .site-header .header-inner{width:calc(100% - 30px)}
  .site-header .logo{width:140px}
  .landing-hero,.content-hero{border-radius:18px}
  .hero-word{font-size:110px;top:38%}
  .hero-inner{padding-top:36px;gap:34px}
  .breadcrumb{margin-bottom:30px}
  .hero-copy h1{font-size:38px;line-height:1.04}
  .hero-copy>p{font-size:13px;line-height:1.82}
  .keyword-row{margin-top:23px}
  .keyword-row span{padding:8px 10px}
  .hero-actions{display:grid;gap:8px}
  .btn{min-height:50px}
  .hero-stage{height:382px}
  .hero-photo{width:91%;height:355px;border-radius:7px 54px 7px 7px}
  .hero-photo::before{border-radius:4px 47px 4px 4px}
  .hero-index{width:194px;padding:19px;bottom:0}
  .hero-index b{font-size:20px}
  .hero-stamp{display:none}
  .lead-dock{margin-top:0}
  .lead-box{padding:21px;border-radius:16px}
  .lead-copy b{font-size:18px}
  .lead-fields{grid-template-columns:1fr}
  .lead-fields label:last-child{grid-column:auto}
  .anchor-nav{margin-top:10px}
  .anchor-nav a{height:48px;padding:0 17px}
  .section{padding:74px 0}
  .section-head h2,.sticky-copy h2,.faq-side h2{font-size:33px}
  .section-head p{font-size:13px}
  .feature-grid{grid-template-columns:1fr;gap:10px;margin-top:38px}
  .feature-card{min-height:235px;padding:24px;border-radius:12px}
  .feature-card .icon{margin:30px 0 19px;width:52px;height:52px;border-radius:14px}
  .curriculum-list{gap:8px}
  .curr-row{min-height:78px;border-radius:10px;padding:0 16px;grid-template-columns:48px 1fr}
  .curr-row>span{width:34px;height:34px}
  .curr-row b{font-size:17px}
  .curr-row small{display:none}
  .system-band{border-radius:18px;padding:64px 0}
  .system-intro h2{font-size:32px}
  .system-card b{font-size:32px}
  .field-grid{gap:8px;grid-template-rows:230px 155px 155px}
  .field-grid figure{border-radius:10px}
  .proof-strip{border-radius:10px}
  .faq-item{border-radius:10px}
  .faq-item button{min-height:72px;padding:0 14px;grid-template-columns:34px 1fr 30px}
  .faq-item .answer p{padding-left:48px;padding-right:18px}
  .bottom-consult{border-radius:18px;padding:74px 0}
  .consult-copy h2{font-size:36px}
  .lead-form{border-radius:14px;padding:20px}
  .form-row{grid-template-columns:1fr}
  .content-hero{padding:62px 0}
  .content-hero h1{font-size:41px}
  .review-wall{grid-template-columns:1fr 1fr;gap:9px}
  .voice-card{border-radius:11px;padding:7px}
  .voice-card img{height:185px;border-radius:7px}
  .voice-card p{display:none}
  .story-card{grid-template-columns:1fr;border-radius:11px}
  .story-card img{height:210px}
  .manifesto .big-num{font-size:90px}
  .manifesto h2{font-size:1.75rem;}
  .value-grid{grid-template-columns:1fr}
  .value-card{border-radius:11px}
  .site-footer .footer-sitemap{grid-template-columns:1fr 1fr;padding:48px 0 36px}
  .site-footer .footer-brand{grid-column:1/-1;grid-row:auto;padding-right:0}
  .site-footer .footer-col{gap:9px}
  .site-footer .footer-bottom{padding-bottom:86px}
  .site-footer .footer-phone{font-size:22px}
  .mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;height:64px;z-index:180;background:rgba(255,255,255,.94);border-top:1px solid #ddd6e2;box-shadow:0 -10px 28px rgba(44,29,63,.1);backdrop-filter:blur(16px)}
  .mobile-cta a{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
  .mobile-cta a:last-child{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}
  .toast{display:block;position:fixed;left:50%;bottom:76px;transform:translate(-50%,15px);opacity:0;z-index:190;background:#17131c;color:#fff;padding:12px 16px;border-radius:12px;font-size:.65rem;width:calc(100% - 28px);text-align:center;transition:.2s}
  .toast.show{opacity:1;transform:translate(-50%,0)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-photo,.hero-photo img,.feature-card,.curr-row,.voice-card,.story-card,.value-card{transition:none!important}}

/* V5 QA fixes */
@media(max-width:900px){
  .anchor-nav{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
  .anchor-nav .wrap{max-width:none}
}

/* =========================================================
   V5 PREMIUM DETAIL PASS — form QA + editorial finishing
========================================================= */
@media(min-width:1181px){
  .lead-box{grid-template-columns:214px minmax(0,1fr) 228px;padding:25px 28px 23px;border-radius:20px;box-shadow:0 30px 85px rgba(38,25,56,.14),0 1px 0 rgba(255,255,255,.95) inset}
  .lead-copy{padding-right:12px}
  .lead-fields{gap:12px}
  .lead-box>button{border-radius:12px}
}
.lead-box{overflow:hidden}
.lead-box::after{content:"";position:absolute;right:205px;top:-68px;width:210px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);filter:blur(18px);pointer-events:none}
.lead-copy small{position:relative;padding-left:13px}
.lead-copy small::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
.lead-fields label>span{font-weight:760;letter-spacing:.015em;color:#716a76}
.lead-fields input,.lead-fields select{height:50px;border-color:#ddd7e1;background:#fcfbfd;border-radius:11px;font-size:13px}
.lead-fields input:hover,.lead-fields select:hover{border-color:#cbc3d0}
.lead-box>button{position:relative;overflow:hidden;letter-spacing:-.025em}
.lead-box>button::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.14) 45%,transparent 75%);transform:translateX(-120%);transition:transform .55s ease}
.lead-box>button:hover::before{transform:translateX(120%)}
.privacy-mini{font-weight:620;color:#918994}

.anchor-nav{box-shadow:0 8px 26px rgba(35,24,49,.035)}
.anchor-nav a{position:relative;font-weight:500}
.anchor-nav a::before{content:"";position:absolute;left:50%;bottom:8px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transform:translateX(-50%) translateY(4px);transition:.2s}
.anchor-nav a.active::before{opacity:1;transform:translateX(-50%) translateY(0)}

.section-head h2,.sticky-copy h2,.faq-side h2,.consult-copy h2{font-weight:880}
.feature-card{box-shadow:0 14px 35px rgba(38,27,52,.025)}
.feature-card small{display:flex;align-items:center;gap:9px}
.feature-card small::after{content:"";width:26px;height:1px;background:color-mix(in srgb,var(--accent) 35%,#d7d0dc)}
.feature-card h3{font-weight:850}
.curr-row{box-shadow:0 10px 24px rgba(38,27,52,.018)}
.curr-row b{font-weight:820}

.system-band{box-shadow:0 28px 90px rgba(19,13,27,.12)}
.system-card{position:relative}
.system-card::after{content:"";position:absolute;left:32px;right:32px;bottom:-12px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),transparent);opacity:.45}
.system-card:last-child::after{display:none}

.field-grid figure{box-shadow:0 12px 32px rgba(38,27,52,.045)}
.field-grid img{background:#e7e2ea}
.proof-strip{box-shadow:0 18px 45px rgba(36,25,50,.04)}

.faq-item button b{font-weight:790}
.bottom-consult{box-shadow:0 30px 100px rgba(23,16,31,.12)}
.lead-form{border:1px solid rgba(255,255,255,.7)}
.lead-form button{font-size:1.15rem;letter-spacing:-.02em}

/* Large hero photographs: external stock is a temporary visual placeholder.
   Replace with actual SIA academy photography before final production launch. */
body[data-page="hair"] .hero-photo img{object-position:52% 50%;filter:saturate(.82) contrast(1.05) brightness(.92)}
body[data-page="nail"] .hero-photo img{object-position:50% 54%;filter:saturate(.80) contrast(1.04) brightness(.92)}
body[data-page="college"] .hero-photo img{object-position:57% 50%;filter:saturate(.78) contrast(1.03) brightness(.92)}
body[data-page="government"] .hero-photo img{object-position:50% 52%;filter:saturate(.72) contrast(1.04) brightness(.87)}
body[data-page="makeup"] .hero-photo img{object-position:50% 38%}

@media(max-width:1180px){
  .lead-box::after{right:80px}
}
@media(max-width:900px){
  .lead-box::after{right:-70px;top:-80px}
  .lead-box{box-shadow:0 22px 58px rgba(39,26,57,.12)}
}
@media(max-width:560px){
  .lead-box{padding:23px 20px 21px}
  .lead-copy{padding-bottom:2px}
  .lead-fields input,.lead-fields select{height:52px}
  .lead-box>button{min-height:54px}
  .privacy-mini{font-size:9px}
  .anchor-nav a::before{display:none}
}

/* =========================================================
   V6 — K-BEAUTY CAREER / PARENT TRUST EDITORIAL PASS
   2026-08-13
========================================================= */
:root{
  --kb-ink:#0b0c11;
  --kb-paper:#f7f7f9;
  --kb-muted:#9c98a6;
}

/* Hero: global beauty identity without losing course specificity */
.landing-hero{position:relative;isolation:isolate;overflow:hidden}
.landing-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 76% 22%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 30%),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;mask-image:linear-gradient(to bottom,#000 0%,transparent 92%)}
.hero-copy .eyebrow{letter-spacing:.16em}
.hero-global-chip{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.72);font-size:.85rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}
.hero-global-chip>span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent);animation:kbPulse 2.4s ease-in-out infinite}
@keyframes kbPulse{50%{box-shadow:0 0 0 9px transparent}}
.hero-micro-rail{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;color:rgba(255,255,255,.45);font-size:.85rem;font-weight:850;letter-spacing:.18em}
.hero-micro-rail i{font-style:normal;color:var(--accent);opacity:.85}
.hero-stage::before{content:"GLOBAL / BEAUTY / 2026";position:absolute;right:-18px;top:35px;z-index:4;writing-mode:vertical-rl;color:rgba(255,255,255,.43);font-size:.85rem;font-weight:800;letter-spacing:.2em}
.hero-stage::after{content:"";position:absolute;right:6%;top:8%;width:74%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:50%;z-index:0;pointer-events:none;box-shadow:0 0 0 26px rgba(255,255,255,.018),0 0 0 52px rgba(255,255,255,.01)}
.hero-photo{z-index:1}
.hero-photo::after{content:"K-BEAUTY";position:absolute;left:17px;bottom:14px;z-index:4;padding:7px 9px;background:rgba(8,9,13,.78);border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#fff;font-size:8px;font-weight:900;letter-spacing:.18em;backdrop-filter:blur(8px)}
.hero-index{z-index:5;background:rgba(252,252,253,.95);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.hero-index small{letter-spacing:.18em}
.hero-index li{font-size:.85rem;font-weight:850;letter-spacing:.08em}
.hero-index li span{color:var(--accent)}
.hero-stamp{z-index:5;border-color:rgba(255,255,255,.18);background:rgba(9,10,14,.45);backdrop-filter:blur(12px);font-size:.75rem;letter-spacing:.13em;line-height:1.55}

/* Lead dock: parent-decision friendly and QA-safe */
.lead-parent-note{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:#8d8593;font-size:9px;font-weight:720}
.lead-parent-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
@media(min-width:1181px){
  .lead-box{grid-template-columns:220px minmax(0,1fr) 240px}
  .lead-copy{align-self:center}
  .lead-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
  .lead-fields label:last-child{grid-column:auto}
  .lead-box>button{align-self:end;height:50px}
  .privacy-mini{grid-column:2/4;margin-top:-3px}
}

/* K-BEAUTY signal — 30% of the pitch, not 100% of the page */
.kbeauty-section{position:relative;overflow:hidden;margin:8px 8px 0;border-radius:30px;background:
  radial-gradient(circle at 85% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 29%),
  radial-gradient(circle at 7% 82%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent 27%),
  #0b0c11;color:#fff;box-shadow:0 38px 100px rgba(15,11,23,.16)}
.kbeauty-section::before{content:"K";position:absolute;right:-.03em;bottom:-.32em;color:rgba(255,255,255,.025);font:900 580px/1 Arial,sans-serif;letter-spacing:-.12em;pointer-events:none}
.kbeauty-section::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 82%);pointer-events:none}
.kb-ticker{position:relative;z-index:2;height:58px;border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden;display:flex;align-items:center}
.kb-ticker>div{display:flex;align-items:center;gap:24px;width:max-content;padding-left:28px;white-space:nowrap;color:rgba(255,255,255,.48);font-size:.85rem;font-weight:850;letter-spacing:.19em;animation:kbTicker 24s linear infinite}
.kb-ticker span:nth-of-type(1),.kb-ticker span:nth-of-type(7){color:#fff}
.kb-ticker i{font-style:normal;color:var(--accent)}
@keyframes kbTicker{to{transform:translateX(-25%)}}
.kb-wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:54px 72px;padding-top:84px;padding-bottom:72px}
.kb-copy{max-width:610px}
.kb-copy .eyebrow{color:color-mix(in srgb,var(--accent) 78%,white);letter-spacing:.18em}
.kb-copy h2{margin:18px 0 22px;font-size:3.5rem;line-height:1.04;letter-spacing:-.06em;font-weight:900;word-break:keep-all}
.kb-copy p{max-width:610px;color:rgba(255,255,255,.62);font-size:1.15rem;line-height:1.9;word-break:keep-all}
.kb-link{display:inline-flex;align-items:center;gap:22px;margin-top:29px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.28);font-size:1rem;font-weight:820;color:#fff}
.kb-link span{color:var(--accent);font-size:16px}
.kb-signal{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:start}
.kb-signal article{min-height:158px;padding:23px 23px 21px;border:1px solid rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.028));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.kb-signal article:first-child{grid-column:1/-1;min-height:174px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,rgba(255,255,255,.05)),rgba(255,255,255,.025))}
.kb-signal article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.12));background-color:rgba(255,255,255,.08)}
.kb-signal small{display:block;color:rgba(255,255,255,.42);font-size:.85rem;font-weight:850;letter-spacing:.16em}
.kb-signal strong{display:block;margin:17px 0 7px;font-size:2.5rem;line-height:1;font-weight:920;letter-spacing:-.055em;color:#fff}
.kb-signal article:first-child strong{font-size:2.5rem;}
.kb-signal span{color:rgba(255,255,255,.52);font-size:1rem;font-weight:650}
.kb-path{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr;gap:28px;padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(15px)}
.kb-path-head{display:flex;flex-direction:column;justify-content:center;padding:8px 18px 8px 4px;border-right:1px solid rgba(255,255,255,.10)}
.kb-path-head small{color:var(--accent);font-size:.85rem;font-weight:900;letter-spacing:.18em}
.kb-path-head b{margin-top:9px;font-size:1.15rem;letter-spacing:-.035em}
.kb-path ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
.kb-path li{position:relative;min-height:78px;padding:7px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.09)}
.kb-path li:last-child{border-right:0}
.kb-path li span{position:absolute;right:12px;top:7px;color:rgba(255,255,255,.2);font-size:1rem;font-weight:900}
.kb-path li b{font-size:1rem;letter-spacing:.06em;color:#fff}
.kb-path li em{margin-top:5px;font-size:1.15rem;font-style:normal;color:rgba(255,255,255,.48)}
.kb-source{grid-column:1/-1;margin:-29px 0 0;color:rgba(255,255,255,.28);font-size:1rem;line-height:1.65}

/* Parent trust — student aspiration + parent decision criteria */
.parent-section{background:#f7f6f8}
.parent-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:84px;align-items:start}
.parent-copy{position:sticky;top:150px}
.parent-copy .eyebrow{color:#817a87}
.parent-copy h2{margin:18px 0 24px;font-size:3.5rem;line-height:1.02;font-weight:900;letter-spacing:-.065em;word-break:keep-all}
.parent-copy h2 em{font-style:normal;color:var(--accent)}
.parent-copy p{max-width:560px;color:#6f6974;font-size:1.15rem;line-height:1.9;word-break:keep-all}
.parent-consult{display:inline-flex;align-items:center;gap:24px;margin-top:28px;padding:15px 18px;border:1px solid #d8d3db;border-radius:12px;background:#fff;font-size:1rem;font-weight:850;box-shadow:0 12px 34px rgba(35,25,47,.05);transition:.22s ease}
.parent-consult:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 18px 42px rgba(35,25,47,.08)}
.parent-consult span{color:var(--accent)}
.parent-checks{display:grid;gap:12px}
.parent-checks article{position:relative;min-height:205px;padding:28px 30px 26px;border:1px solid #e1dde4;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 42px rgba(38,28,50,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.parent-checks article::after{content:"";position:absolute;right:-42px;bottom:-64px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent) 18%,#e8e3ea);border-radius:50%;box-shadow:0 0 0 18px rgba(120,88,215,.018),0 0 0 36px rgba(120,88,215,.012)}
.parent-checks article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 30%,#ddd7e0);box-shadow:0 22px 55px rgba(38,28,50,.07)}
.parent-checks small{font-size:.85rem;font-weight:500;letter-spacing:.18em;color:#aaa3af}
.check-icon{position:absolute;right:24px;top:22px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,#f5f2f7);color:var(--accent);font-size:.85rem;font-weight:900}
.parent-checks h3{margin:38px 0 12px;font-size:1.75rem;letter-spacing:-.045em;font-weight:880}
.parent-checks p{max-width:520px;margin:0;color:#77707b;font-size:1.15rem;line-height:1.82;word-break:keep-all}

/* Fine detail pass */
.feature-card,.curr-row,.faq-item,.value-card,.voice-card,.story-card{border-color:#e4e0e6}
.feature-card h3,.parent-checks h3{font-feature-settings:"ss05"}
.section.soft{background:#fbfafc}
.bottom-consult{background:
  radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 26%),
  radial-gradient(circle at 10% 86%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 28%),
  #111118}
.consult-copy .eyebrow{color:color-mix(in srgb,var(--accent) 74%,white)}

@media(max-width:1180px){
  .kb-wrap{grid-template-columns:1fr;gap:40px;padding-top:68px}
  .kb-copy{max-width:760px}
  .kb-signal{grid-template-columns:repeat(3,1fr)}
  .kb-signal article:first-child{grid-column:auto;min-height:158px}
  .kb-signal article:first-child strong{font-size:34px}
  .parent-layout{gap:50px}
}
@media(max-width:900px){
  .hero-stage::before{right:0}
  .kb-signal{grid-template-columns:1fr 1fr}
  .kb-signal article:first-child{grid-column:1/-1}
  .kb-path{grid-template-columns:1fr}
  .kb-path-head{border-right:0;border-bottom:1px solid rgba(255,255,255,.10);padding:4px 4px 18px}
  .parent-layout{grid-template-columns:1fr;gap:42px}
  .parent-copy{position:static}
}
@media(max-width:560px){
  .hero-global-chip{margin-top:13px;font-size:7.5px;letter-spacing:.1em;padding:7px 9px}
  .hero-micro-rail{gap:7px;font-size:7px;margin-top:17px}
  .hero-stage::before{display:none}
  .hero-photo::after{font-size:7px;left:12px;bottom:11px}
  .lead-parent-note{font-size:8px}
  .kbeauty-section{margin:4px 4px 0;border-radius:20px}
  .kb-ticker{height:48px}
  .kb-ticker>div{gap:18px;font-size:.7rem;padding-left:18px}
  .kb-wrap{padding-top:55px;padding-bottom:54px;gap:30px}
  .kb-copy h2{font-size:34px;line-height:1.06}
  .kb-copy p{font-size:12px;line-height:1.82}
  .kb-signal{grid-template-columns:1fr;gap:8px}
  .kb-signal article,.kb-signal article:first-child{grid-column:auto;min-height:128px;padding:20px}
  .kb-signal strong,.kb-signal article:first-child strong{font-size:1.5rem;margin-top:14px}
  .kb-path{padding:18px;gap:14px;border-radius:14px}
  .kb-path ol{grid-template-columns:1fr 1fr}
  .kb-path li{min-height:72px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:10px 13px}
  .kb-path li:nth-child(2n){border-right:0}.kb-path li:nth-last-child(-n+2){border-bottom:0}
  .kb-source{margin:-9px 0 0;font-size:8px}
  .parent-copy h2{font-size:35px}
  .parent-copy p{font-size:1rem;line-height: 1.5;}
  .parent-checks article{min-height:190px;padding:24px 22px;border-radius:14px}
  .parent-checks h3{font-size:1.15rem;margin-top:36px}
  .parent-checks p{font-size:1rem; line-height: 1.5;}
}

/* V6 form safety override: preserve named grid areas and keep submit aligned */
@media(min-width:1181px){
  .lead-box>button{align-self:stretch;height:auto;min-height:72px}
  .privacy-mini{margin-top:0;grid-column:auto}
}

/* =========================
   SIA STORY · SUCCESS ARCHIVE
========================= */
.story-success-section{background:linear-gradient(135deg,#15101d 0%,#21152d 48%,#10192b 100%);color:#fff;position:relative;overflow:hidden}.story-success-section:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 12% 18%,rgba(255,77,164,.22),transparent 26%),radial-gradient(circle at 86% 72%,rgba(88,103,255,.22),transparent 28%);pointer-events:none}.story-success-section .wrap{position:relative;z-index:1}.story-success-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:80px}.story-success-head h2{color:#fff}.story-success-head>p{max-width:530px;color:rgba(255,255,255,.62);line-height:1.8}.story-success-groups{display:grid;gap:26px;margin-top:44px}.story-success-group{display:grid;grid-template-columns:150px 1fr;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.story-success-group__head{display:flex;align-items:flex-start;gap:10px;color:#fff;font-weight:800;letter-spacing:-.03em}.story-success-group__head b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.85rem;color:#ff83bd}.story-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-success-card a{display:block;height:100%;color:inherit;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);transition:transform .25s ease,border-color .25s ease,background .25s ease}.story-success-card a:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.story-success-card__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#211b29}.story-success-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.story-success-card a:hover img{transform:scale(1.035)}.story-success-card__image span{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(17,13,22,.76);backdrop-filter:blur(8px);font-size:.85rem;font-weight:800;letter-spacing:.08em}.story-success-card__copy{padding:18px}.story-success-card__copy small{color:#ff7fba;font-size:.85rem;font-weight:700}.story-success-card__copy h3{margin:7px 0 8px;font-size:1.25rem;line-height:1.4;letter-spacing:-.035em}.story-success-card__copy p{margin:0;color:rgba(255,255,255,.56);font-size:1rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-success-card__copy em{display:block;margin-top:14px;color:#fff;font-style:normal;font-size:1rem;font-weight:800}.story-success-empty{min-height:140px;display:flex;flex-direction:column;justify-content:center;padding:24px 28px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:rgba(255,255,255,.48)}.story-success-empty strong{color:#fff;margin-bottom:6px}.story-success-empty p{margin:0;font-size:13px}.story-success-group>.story-success-empty{grid-column:2}
@media(max-width:980px){.story-success-head{grid-template-columns:1fr;gap:20px}.story-success-group{grid-template-columns:1fr;gap:16px}.story-success-group>.story-success-empty{grid-column:auto}.story-success-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.story-success-grid{grid-template-columns:1fr}.story-success-section{padding-top:72px;padding-bottom:72px}}

/* =========================================================
   REVIEW DETAIL · ALL THAT INTERVIEW INSPIRED, SIA ART DIRECTION
========================================================= */
.review-detail-hero{padding:94px 0 74px;background:linear-gradient(125deg,#150f1b,#22162c 55%,#111a29);color:#fff;position:relative;overflow:hidden}.review-detail-hero:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 18% 42%,rgba(255,77,164,.20),transparent 25%),radial-gradient(circle at 82% 20%,rgba(101,92,255,.20),transparent 22%);pointer-events:none}.review-detail-hero__inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.review-detail-kicker{display:flex;align-items:center;gap:16px;margin-bottom:24px}.review-detail-kicker span{font-size:.85rem;font-weight:900;letter-spacing:.18em;color:#ff76b5}.review-detail-kicker b{font-size:.85rem;letter-spacing:.14em;color:rgba(255,255,255,.4)}.review-detail-category{margin:0 0 12px;color:rgba(255,255,255,.72);font-size:1rem}.review-detail-hero h1{max-width:940px;margin:0;font-size:2.5rem;line-height:1.06;letter-spacing:-.055em;word-break:keep-all}.review-detail-meta{display:flex;align-items:center;gap:12px;margin-top:28px;color:rgba(255,255,255,.48);font-size:1rem;letter-spacing:.06em}.review-detail-meta i{width:24px;height:1px;background:rgba(255,255,255,.25)}.review-detail-hero__index{display:grid;justify-items:end}.review-detail-hero__index span{font-size:1rem;letter-spacing:.18em;color:rgba(255,255,255,.4)}.review-detail-hero__index strong{font-size:2.5rem;line-height:1;color:rgba(255,255,255,.08);font-weight:900}.review-detail-visual{margin-top:-1px;padding:0 0 70px;background:#f8f6fb}.review-detail-visual figure{margin:0;position:relative;transform:translateY(42px)}.review-detail-visual img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto;border-radius:24px;box-shadow:0 30px 80px rgba(43,28,64,.18)}.review-detail-visual figcaption{position:absolute;right:20px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(18,14,22,.68);backdrop-filter:blur(12px);color:#fff;font-size:9px;font-weight:800;letter-spacing:.14em}.review-detail-content{background:#fff}.review-detail-layout{display:grid;grid-template-columns:190px minmax(0,800px);justify-content:center;gap:70px}.review-detail-aside{align-self:start;position:sticky;top:120px;display:grid;gap:8px;padding-top:5px}.review-detail-aside span{font-size:.85rem;color:#ff5ca8;font-weight:900;letter-spacing:.18em}.review-detail-aside strong{font-size:1.5rem}.review-detail-aside small{color:#8c8492;font-size:.85rem;}.review-detail-aside a{margin-top:24px;font-size:1.15rem;font-weight:800;color:#24202a}.review-lead{margin:0 0 42px!important;padding:26px 0 26px 28px;border-left:3px solid #815cf5;color:#38303f!important;font-size:1.15rem!important;line-height:1.75!important;font-weight:650;letter-spacing:-.03em}.post-rich-content{color:#39313f;font-size:16px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.post-rich-content p{margin:0 0 22px}.post-rich-content h2{margin:58px 0 20px;font-size:34px;line-height:1.28;letter-spacing:-.045em;color:#18141d}.post-rich-content h3{margin:46px 0 16px;font-size:27px;line-height:1.35;letter-spacing:-.04em;color:#18141d}.post-rich-content h4{margin:36px 0 14px;font-size:21px;color:#18141d}.post-rich-content ul,.post-rich-content ol{margin:22px 0;padding-left:26px}.post-rich-content blockquote{margin:36px 0;padding:25px 28px;border-left:4px solid #815cf5;background:#faf7ff;border-radius:0 18px 18px 0;color:#51475a}.post-rich-content img,.post-rich-content video{display:block;max-width:100%;height:auto;margin:34px auto;border-radius:16px}.post-rich-content figure{margin:40px 0;text-align:center}.post-rich-content figure img,.post-rich-content figure video{margin:0 auto}.post-rich-content figcaption{margin-top:12px;color:#908794;font-size:12px}.post-rich-content .post-video-embed{position:relative;padding-top:56.25%;overflow:hidden;border-radius:16px;background:#111}.post-rich-content .post-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.post-rich-content a{color:#684ad7;text-decoration:underline;text-underline-offset:3px}.post-rich-content hr{border:0;border-top:1px solid #e8e2ec;margin:50px 0}.post-extra-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:50px}.post-extra-gallery figure{margin:0}.post-extra-gallery img{width:100%;height:100%;min-height:280px;object-fit:cover;margin:0;border-radius:14px}.review-detail-pager{padding:34px 0;border-top:1px solid #eae5ed;border-bottom:1px solid #eae5ed;background:#fbf9fc}.review-detail-pager__grid{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:28px}.review-detail-pager a:not(.review-detail-list){display:grid;gap:7px;color:#25202a}.review-detail-pager a.next{text-align:right;justify-items:end}.review-detail-pager small{font-size:.85rem;letter-spacing:.16em;color:#9b92a2;font-weight:900}.review-detail-pager b{max-width:360px;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-detail-list{display:grid;place-items:center;height:44px;border:1px solid #dcd5e2;border-radius:999px;font-size:1rem;font-weight:800;color:#2b2630;background:#fff}

/* STORY DETAIL */
.story-detail-head{padding:88px 0 62px;background:linear-gradient(135deg,#f8f5ff,#fff 48%,#fff1f8)}.story-detail-head__inner{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.story-detail-head h1{max-width:900px;margin:12px 0 18px;font-size:2.5rem;line-height:1.09;letter-spacing:-.055em}.story-detail-head p{margin:0;color:#8a8191;font-size:1rem}.story-detail-head__inner>a{padding-bottom:8px;border-bottom:1px solid #222;font-size:1rem;font-weight:900;letter-spacing:.12em}.story-detail-hero{background:#fff;padding-bottom:30px}.story-detail-hero .wrap{display:flex;justify-content:center}.story-detail-hero img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;border-radius:24px;box-shadow:0 26px 70px rgba(55,36,78,.13)}.story-detail-body{background:#fff}.story-detail-body__inner{display:grid;grid-template-columns:170px minmax(0,800px);justify-content:center;gap:76px}.story-detail-body aside{display:grid;align-content:start;gap:8px;position:sticky;top:120px}.story-detail-body aside b{font-size:.85rem;letter-spacing:.16em;color:#7757f0}.story-detail-body aside span{font-size:1.5rem;font-weight:800}.story-detail-body aside small{color:#918998;font-size:.85rem;}.post-external-link{margin-top:50px!important}
@media(max-width:900px){.review-detail-layout,.story-detail-body__inner{grid-template-columns:1fr;gap:30px}.review-detail-aside,.story-detail-body aside{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-bottom:20px;border-bottom:1px solid #eee8f1}.review-detail-aside a{margin-top:0;margin-left:auto}.review-detail-hero__index{display:none}.review-detail-hero__inner{grid-template-columns:1fr}.story-detail-head__inner{display:block}.story-detail-head__inner>a{display:inline-block;margin-top:24px}}
@media(max-width:620px){.review-detail-hero{padding:66px 0 54px}.review-detail-hero h1{font-size:39px}.review-detail-visual{padding-bottom:42px}.review-detail-visual figure{transform:translateY(24px)}.review-detail-visual img,.story-detail-hero img{border-radius:14px;max-height:520px}.review-detail-content,.story-detail-body{padding-top:70px;padding-bottom:70px}.review-lead{font-size:18px!important;padding-left:18px}.post-rich-content h2{font-size:28px}.post-rich-content h3{font-size:23px}.post-extra-gallery{grid-template-columns:1fr}.review-detail-pager__grid{grid-template-columns:1fr 80px 1fr;gap:10px}.review-detail-pager b{font-size:1.15rem;max-width:110px}.story-detail-head{padding:64px 0 46px}.story-detail-head h1{font-size:38px}}

/* =========================================================
   V4.4 CMS THUMBNAIL FIT FIX
   게시판 목록/성과 아카이브 썸네일은 원본 비율 전체 노출
========================================================= */
.story-card img,
.voice-card img,
.story-success-card__image img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #f7f4fb;
}

.story-success-card__image img {
  background: #211b29;
}

/* 전체 이미지를 보여주는 목적과 충돌하는 hover 확대 제거 */
.story-card:hover img,
.voice-card:hover img,
.story-success-card a:hover img {
  transform: none !important;
}

/* 세로형/가로형 모두 카드 안에서 안정적으로 중앙 정렬 */
.story-card img,
.voice-card img {
  width: 100% !important;
  max-width: 100% !important;
}


/* =========================================================
   V4.5 STORY SUCCESS TITLE / CONSULT SPACING
   성과 아카이브 제목은 2줄 고정, 안내문 제거 후 레이아웃 정돈
========================================================= */
.story-success-head{
  display:block !important;
}
.story-success-head > div{
  width:100%;
}
.story-success-head h2{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  width:100%;
  max-width:none;
  margin:14px 0 0;
  font-size:3.5rem;
  line-height:1.04;
  letter-spacing:-.065em;
}
.story-success-title-line{
  display:block;
  white-space:nowrap;
}
.story-success-head h2 em.story-success-title-line{
  font-style:normal;
  background:linear-gradient(90deg,#ff4aa0 0%,#a45aff 48%,#4f83ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* 성과 아카이브와 하단 상담 영역 사이에 호흡 확보 */
.story-success-section + .bottom-consult{
  margin-top:72px !important;
}

@media(max-width:980px){
  .story-success-head h2{
    font-size:clamp(40px,6.2vw,58px);
  }
}
@media(max-width:620px){
  .story-success-head h2{
    gap:4px;
    font-size:34px;
    line-height:1.12;
    letter-spacing:-.055em;
  }
  .story-success-title-line{
    white-space:normal;
  }
  .story-success-section + .bottom-consult{
    margin-top:44px !important;
  }
}


/* =========================================================
   V4.6 STORY JOURNAL / COMMON BOTTOM CONSULT
========================================================= */

/* 시아스토리: 성과 아카이브와 같은 3열 카드 리듬 */
body[data-page="story"] #journal{
  background:
    radial-gradient(circle at 8% 12%,rgba(255,83,170,.10),transparent 30%),
    radial-gradient(circle at 92% 88%,rgba(91,103,255,.13),transparent 32%),
    linear-gradient(125deg,#1b1022 0%,#17132a 52%,#17203b 100%) !important;
  color:#fff;
}
body[data-page="story"] #journal .section-head .eyebrow{color:#ff7fba}
body[data-page="story"] #journal .section-head h2{color:#fff}
body[data-page="story"] #journal .section-head h2 em{
  background:linear-gradient(90deg,#ff4aa0 0%,#a45aff 48%,#4f83ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body[data-page="story"] .story-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:50px;
}
body[data-page="story"] .story-card{
  display:block;
  min-height:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
body[data-page="story"] .story-card>a{display:block;height:100%;color:#fff}
body[data-page="story"] .story-card img{
  display:block;
  width:100%!important;
  height:270px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#17131f!important;
}
body[data-page="story"] .story-card .copy{padding:22px 22px 24px}
body[data-page="story"] .story-card small{color:#ff78b8;font-size:.85rem;letter-spacing:.08em}
body[data-page="story"] .story-card h3{margin:9px 0 9px;color:#fff;font-size:1.25rem;line-height:1.32}
body[data-page="story"] .story-card p{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:rgba(255,255,255,.55);font-size:1rem;line-height:1.5;
}
body[data-page="story"] .story-card:hover{transform:translateY(-6px);box-shadow:0 26px 64px rgba(0,0,0,.24);border-color:rgba(255,255,255,.2)}

/* 하단 상담폼은 전 페이지 동일한 4개 항목 + 동의 + 버튼 */
.bottom-consult .lead-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.bottom-consult .lead-form textarea{display:none!important}

@media(max-width:980px){
  body[data-page="story"] .story-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body[data-page="story"] .story-list{grid-template-columns:1fr}
  body[data-page="story"] .story-card img{height:240px!important}
}

/* =========================================================
   V4.7 STORY LIGHT SECTIONS
   LATEST JOURNAL + SUCCESS ARCHIVE : WHITE BACKGROUND
========================================================= */

/* 1) 일반 시아스토리 : 화이트 섹션 */
body[data-page="story"] #journal{
  background:#fff !important;
  color:#17131d !important;
}
body[data-page="story"] #journal::before,
body[data-page="story"] #journal::after{
  content:none !important;
  display:none !important;
}
body[data-page="story"] #journal .section-head .eyebrow{
  color:#ff5ca8 !important;
}
body[data-page="story"] #journal .section-head h2{
  color:#18141f !important;
}
body[data-page="story"] #journal .section-head h2 em{
  background:linear-gradient(90deg,#ff43a0 0%,#9b55f5 50%,#438cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}

/* 일반 시아스토리 카드도 밝은 톤으로 정리 */
body[data-page="story"] #journal .story-card{
  border:1px solid #e9e4ee !important;
  background:#fff !important;
  box-shadow:0 12px 36px rgba(48,30,66,.065) !important;
}
body[data-page="story"] #journal .story-card>a{
  color:#19151f !important;
}
body[data-page="story"] #journal .story-card img{
  background:#f6f3f8 !important;
  border-bottom:1px solid #eee8f1 !important;
}
body[data-page="story"] #journal .story-card small{
  color:#ff5ca8 !important;
}
body[data-page="story"] #journal .story-card h3{
  color:#1c1821 !important;
}
body[data-page="story"] #journal .story-card p{
  color:#746c79 !important;
}
body[data-page="story"] #journal .story-card:hover{
  border-color:#d9d0e1 !important;
  background:#fff !important;
  box-shadow:0 22px 54px rgba(48,30,66,.12) !important;
}

/* 2) 합격 · 진학 · 창업 성과 아카이브 : 화이트 섹션 */
body[data-page="story"] .story-success-section{
  background:#fff !important;
  color:#17131d !important;
}
body[data-page="story"] .story-success-section::before,
body[data-page="story"] .story-success-section::after{
  content:none !important;
  display:none !important;
}
body[data-page="story"] .story-success-head h2{
  color:#18141f !important;
}
body[data-page="story"] .story-success-group{
  border-top:1px solid #e8e2ec !important;
}
body[data-page="story"] .story-success-group__head{
  color:#201b25 !important;
  font-size:1.15rem;
}
body[data-page="story"] .story-success-group__head b{
  background:#f5edf8 !important;
  color:#ff5ca8 !important;
}
body[data-page="story"] .story-success-card a{
  color:#1d1822 !important;
  border:1px solid #e7e0eb !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(47,28,65,.06) !important;
}
body[data-page="story"] .story-success-card a:hover{
  border-color:#d8cfe0 !important;
  background:#fff !important;
  box-shadow:0 22px 52px rgba(47,28,65,.11) !important;
}
body[data-page="story"] .story-success-card__image{
  background:#f6f3f8 !important;
}
body[data-page="story"] .story-success-card__image img{
  background:#f6f3f8 !important;
}
body[data-page="story"] .story-success-card__image span{
  color:#fff !important;
  background:rgba(24,18,30,.78) !important;
}
body[data-page="story"] .story-success-card__copy small{
  color:#ff5ca8 !important;
}
body[data-page="story"] .story-success-card__copy h3{
  color:#1d1822 !important;
}
body[data-page="story"] .story-success-card__copy p{
  color:#756d7b !important;
}
body[data-page="story"] .story-success-card__copy em{
  color:#211b28 !important;
}
body[data-page="story"] .story-success-empty{
  border:1px dashed #dcd3e2 !important;
  background:#faf8fb !important;
  color:#8b8290 !important;
}
body[data-page="story"] .story-success-empty strong{
  color:#2a232f !important;
}

/* 두 섹션 사이가 붙어 보여도 각각의 영역이 명확하게 읽히도록 얇은 구분 */
body[data-page="story"] #journal + .story-success-section{
  border-top:1px solid #f0ebf2;
}

/* =========================================================
   V4.9 SUCCESS ARCHIVE — 10개씩 더보기
========================================================= */
.story-success-more-wrap{
  display:flex;
  justify-content:center;
  padding-top:24px;
}
.story-success-more{
  min-width:178px;
  height:50px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(83,65,105,.16);
  border-radius:999px;
  background:#fff;
  color:#1d1824;
  box-shadow:0 12px 32px rgba(57,38,81,.08);
  font-family:inherit;
  font-size:1rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease;
}
.story-success-more:hover{
  transform:translateY(-2px);
  border-color:rgba(120,85,242,.38);
  box-shadow:0 16px 38px rgba(83,59,121,.13);
}
.story-success-more b{
  min-width:28px;
  padding:5px 7px;
  border-radius:999px;
  background:linear-gradient(120deg,#ff4fa4,#785eff,#3baee8);
  color:#fff;
  font-size:1rem;
  letter-spacing:0;
}
.story-success-more i{
  color:#7b60ed;
  font-size:1rem;
  font-style:normal;
}
.story-success-more:disabled{cursor:wait;opacity:.72;transform:none}
.story-success-more.has-error{border-color:#f59aaa;box-shadow:0 0 0 4px rgba(241,79,113,.08)}
.success-card-appended{animation:siaSuccessCardIn .45s both;animation-delay:var(--success-delay,0ms)}
@keyframes siaSuccessCardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:620px){.story-success-more-wrap{padding-top:18px}.story-success-more{width:100%;max-width:280px}}

/* =========================================================
   V4.11 POST TEXT WHITESPACE / LINE-BREAK PRESERVATION
   관리자에서 입력한 띄어쓰기와 줄바꿈을 상세페이지에 그대로 반영
========================================================= */

/* 목록 요약(excerpt) 및 스마트에디터 본문 모두 입력한 공백/줄바꿈 유지 */
.review-lead,
.post-rich-content,
.post-rich-content .post-plain-text {
  white-space: pre-wrap !important;
}

/* pre-wrap 상태에서도 긴 URL/문자열 때문에 레이아웃이 밀리지 않게 처리 */
.review-lead,
.post-rich-content {
  overflow-wrap: anywhere;
  word-break: keep-all;
}

/* 일반 텍스트 본문 fallback의 기본 문단 여백 */
.post-rich-content .post-plain-text {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}


/* =========================================================
   V4.12 POST VIDEO FULL WIDTH
   상세페이지의 직접 업로드 영상/YouTube/Vimeo를 본문 폭에 맞춤
========================================================= */
.post-rich-content video,
.post-rich-content iframe,
.post-rich-content .post-video-embed {
  width: 100% !important;
  max-width: 100% !important;
}

/* 직접 업로드한 MP4 / WEBM */
.post-rich-content video {
  display: block;
  height: auto !important;
  margin: 34px auto !important;
  border-radius: 16px;
  background: #111;
  box-shadow: 0 18px 48px rgba(36,25,49,.12);
}

/* 에디터에 직접 들어간 YouTube / Vimeo iframe */
.post-rich-content iframe {
  display: block;
  aspect-ratio: 16 / 9;
  height: auto !important;
  min-height: 0 !important;
  margin: 34px auto !important;
  border: 0 !important;
  border-radius: 16px;
  background: #111;
  box-shadow: 0 18px 48px rgba(36,25,49,.12);
}

/* post-video-embed 래퍼를 사용하는 경우 */
.post-rich-content .post-video-embed {
  position: relative;
  aspect-ratio: 16 / 9;
  padding-top: 0 !important;
  margin: 34px auto !important;
  overflow: hidden;
  border-radius: 16px;
  background: #111;
  box-shadow: 0 18px 48px rgba(36,25,49,.12);
}
.post-rich-content .post-video-embed iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
  margin: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

/* figure 안에 삽입된 영상도 사진과 동일한 폭 */
.post-rich-content figure video,
.post-rich-content figure iframe,
.post-rich-content figure .post-video-embed {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .post-rich-content video,
  .post-rich-content iframe,
  .post-rich-content .post-video-embed {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    border-radius: 12px;
  }
}

/* =========================================================
   V4.14 STORY JOURNAL CATEGORY GROUPS
   일반 시아스토리: 카테고리별 3열 / 9개 기본 + 10개씩 더보기
========================================================= */
body[data-page="story"] .story-journal-groups{
  display:grid;
  gap:34px;
  margin-top:48px;
}
body[data-page="story"] .story-journal-group{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:start;
  border-top:1px solid #e8e2ec;
  padding-top:24px;
}
body[data-page="story"] .story-journal-group__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-top:3px;
  color:#201b25;
  font-weight:800;
  letter-spacing:-.03em;
}
body[data-page="story"] .story-journal-group__head b{
  display:grid;
  place-items:center;
  min-width:23px;
  height:23px;
  padding:0 6px;
  border-radius:999px;
  background:#f5edf8;
  color:#ff5ca8;
  font-size:11px;
  line-height:1;
}
body[data-page="story"] .story-journal-group > .story-list{
  grid-column:2;
  width:100%;
  margin-top:0 !important;
}
body[data-page="story"] .story-journal-group > .story-journal-more-wrap,
body[data-page="story"] .story-success-group > .story-success-more-wrap{
  grid-column:2 !important;
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding-top:24px !important;
  text-align:center !important;
}
body[data-page="story"] .story-journal-more-wrap .story-success-more,
body[data-page="story"] .story-success-more-wrap .story-success-more{
  margin:0 auto !important;
}
body[data-page="story"] #journal .story-card .copy em{
  display:block;
  margin-top:15px;
  color:#211b28;
  font-size:1rem;
  font-style:normal;
  font-weight:800;
}

@media(max-width:980px){
  body[data-page="story"] .story-journal-group{
    grid-template-columns:1fr;
    gap:16px;
  }
  body[data-page="story"] .story-journal-group > .story-list,
  body[data-page="story"] .story-journal-group > .story-journal-more-wrap,
  body[data-page="story"] .story-success-group > .story-success-more-wrap{
    grid-column:1 / -1 !important;
  }
}

/* =========================================================
   V4.16 REVIEW LOAD MORE / STORY FIELD SUBCATEGORY
========================================================= */
.review-more-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding-top:30px;
  text-align:center;
}
.review-more-wrap .review-more{
  margin:0 auto !important;
}
.review-card-appended{
  animation:siaReviewCardIn .42s both;
  animation-delay:var(--review-delay,0ms);
}
@keyframes siaReviewCardIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

body[data-page="story"] .story-card-topline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
body[data-page="story"] .story-card-topline small{
  margin:0;
}
body[data-page="story"] .story-card-topline span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:#f4efff;
  color:#7256e8;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:-.02em;
}
.story-detail-subcategory{
  display:block;
  margin-top:7px;
  color:#7b5df2;
  font-size:1rem;
  font-style:normal;
  font-weight:800;
}


/* =========================================================
   V4.17 STORY FIELD SUBCATEGORY NESTED LABELS
   현장학습 좌측 카테고리 아래에 2차 카테고리를 계층형으로 표시
========================================================= */
body[data-page="story"] .story-journal-group__head{
  display:block;
  padding-right:18px;
}
body[data-page="story"] .story-journal-group__title{
  display:flex;
  align-items:flex-start;
  gap:5px;
  color:#201b25;
  font-weight:800;
  letter-spacing:-.03em;
  font-size:1.15rem;
}
body[data-page="story"] .story-journal-group__title > b{
  display:grid;
  place-items:center;
  min-width:23px;
  height:23px;
  padding:0 6px;
  border-radius:999px;
  background:#f5edf8;
  color:#ff5ca8;
  font-size:.85rem;
  line-height:1;
}
body[data-page="story"] .story-field-subcategories{
  display:grid;
  gap:8px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
body[data-page="story"] .story-field-subcategories li{
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#6d6572;
  font-size:.85rem;
  line-height:1.45;
  font-weight:700;
  letter-spacing:-.025em;
}

body[data-page="story"] .story-field-subcategories li span{
  min-width:0;
}
body[data-page="story"] .story-field-subcategories li em{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#f7f2fa;
  color:#a18ba9;
  font-size:.85rem;
  line-height:1;
  font-style:normal;
  font-weight:800;
}
@media(max-width:980px){
  body[data-page="story"] .story-journal-group__head{
    padding-right:0;
  }
  body[data-page="story"] .story-field-subcategories{
    display:flex;
    flex-wrap:wrap;
    gap:7px 13px;
    margin-top:10px;
  }
}

/* =========================================================
   V4.18 STORY FIELD SUBCATEGORY CLICK FILTER
========================================================= */
body[data-page="story"] .story-field-parent-filter,
body[data-page="story"] .story-field-subcategory-filter{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:none;
  padding:0;
  margin:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
body[data-page="story"] .story-field-parent-filter{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:800;
}
body[data-page="story"] .story-field-parent-filter b{
  display:grid;
  place-items:center;
  min-width:23px;
  height:23px;
  padding:0 6px;
  border-radius:999px;
  background:#f5edf8;
  color:#ff5ca8;
  font-size:.85rem;
  line-height:1;
}
body[data-page="story"] .story-field-parent-filter:hover span,
body[data-page="story"] .story-field-parent-filter.is-active span{
  color:#6f5df5;
}
body[data-page="story"] .story-field-subcategories li{
  align-items:stretch;
}
body[data-page="story"] .story-field-subcategory-filter{
  display:flex;
  align-items:center;
  gap:1px;
  width:100%;
  min-width:0;
  border-radius:8px;
  transition:color .2s ease, transform .2s ease;
}
body[data-page="story"] .story-field-subcategory-filter:hover{
  color:#6f5df5;
  transform:translateX(2px);
}
body[data-page="story"] .story-field-subcategory-filter.is-active{
  color:#6f5df5;
  font-weight:900;
}
body[data-page="story"] .story-field-subcategory-filter.is-active em{
  background:linear-gradient(135deg,#ff68aa,#765dff);
  color:#fff;
}
body[data-page="story"] .story-journal-group.is-filter-loading [data-journal-grid]{
  opacity:.45;
  pointer-events:none;
  transition:opacity .18s ease;
}
body[data-page="story"] #journal-field{
  scroll-margin-top:155px;
}
@media(max-width:980px){
  body[data-page="story"] .story-field-subcategory-filter{
    width:auto;
  }
}

.wogus{font-size:1rem;}
/* =========================================================
   V6.4 SNS REVIEW / NAVER VISITOR REVIEWS
========================================================= */
.sns-review-section{position:relative;padding-top:94px;padding-bottom:108px;background:linear-gradient(180deg,#fbf9ff 0%,#f7f9ff 100%);overflow:hidden}
.sns-review-section::before{content:"SNS REVIEW";position:absolute;right:-.02em;top:.02em;font-size:clamp(84px,10vw,158px);line-height:1;font-weight:950;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(104,77,161,.055);pointer-events:none;white-space:nowrap}
.sns-review-section .wrap{position:relative;z-index:1}
.sns-review-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:70px;align-items:end}
.sns-review-head h2{margin:12px 0 0;font-size:2.5rem;line-height:1.05;letter-spacing:-.065em}
.sns-review-head h2 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sns-review-head>p{margin:0 0 8px;color:#777080;font-size:1rem;line-height:1.85}
.sns-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px}
.sns-review-card{display:flex;flex-direction:column;min-height:292px;padding:24px;border:1px solid rgba(74,57,101,.09);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(68,44,105,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sns-review-card:hover{transform:translateY(-6px);border-color:rgba(3,199,90,.22);box-shadow:0 26px 70px rgba(68,44,105,.11)}
.sns-review-card__top{display:flex;align-items:center;gap:12px}
.sns-review-naver{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#03c75a;color:#fff;font-size:1.15rem;font-weight:950;letter-spacing:-.04em}
.sns-review-card__top>div{min-width:0;display:grid;gap:3px}
.sns-review-card__top b{font-size:1rem;letter-spacing:-.02em}
.sns-review-card__top small{color:#918a99;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sns-review-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;margin:22px 0 20px;color:#49414f;font-size:1rem;line-height:1.78;letter-spacing:-.025em;white-space:normal}
.sns-review-card>a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:#6e6478;font-size:.85rem;font-weight:850;transition:color .2s ease}
.sns-review-card>a:hover{color:#03a94d}
.sns-review-card>a span{font-size:1rem}
.sns-review-more-wrap{padding-top:32px}
.sns-review-empty{margin-top:42px;padding:34px;border:1px dashed #dcd5e6;border-radius:18px;background:#fff;color:#8c8494;text-align:center}