.ko-wireframe { --serif: 'Noto Serif KR', serif; --sans: 'Noto Sans KR', sans-serif; font-family: var(--sans); }
.ko-wireframe .container { max-width: 1200px; }
.ko-wireframe .eyebrow { font-size: 12px; line-height: 1.4; letter-spacing: 0.12em; }
.ko-wireframe .section-lead { max-width: 620px; font-size: 16px; line-height: 1.8; opacity: 0.82; }
.ko-wireframe h2 { font-size: 44px; line-height: 1.28; }
.ko-wireframe h3 { font-size: 25px; line-height: 1.4; }
.ko-hero { padding: 72px 0; }
.ko-hero .hero-copy h1 { font-size: 60px; line-height: 1.23; }
.ko-hero .hero-sub { font-family: var(--serif); font-size: 21px; line-height: 1.7; opacity: 0.9; }
.ko-hero .hero-sub strong { font-weight: 500; }
.ko-hero .hero-image img { max-height: 640px; object-position: center; }
.story-section, .pillar-section, .process-section { padding: 104px 0; }
.story-section-tinted { background: rgba(220, 211, 195, 0.28); }
.mosim-edit-v2 { background: var(--tan-deep); }
.section-heading { max-width: 760px; margin-bottom: 52px; }
.section-heading h2 { margin-bottom: 22px; }
.section-heading .section-lead { max-width: 650px; }
.overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.overview-item { border-top: 1px solid rgba(44,38,32,0.18); padding-top: 16px; }
.overview-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.overview-item > div { padding-top: 24px; }
.item-index { display: block; margin-bottom: 13px; font-size: 12px; font-weight: 600; color: var(--terracotta); letter-spacing: 0.08em; }
.overview-item h3 { margin-bottom: 12px; }
.overview-item p { font-size: 16px; line-height: 1.7; opacity: 0.8; }
.story-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
.story-heading h2 { margin-bottom: 22px; }
.story-inline-image { width: 100%; aspect-ratio: 3 / 2; margin-top: 38px; object-fit: cover; }
.story-list { border-top: 1px solid rgba(44,38,32,0.2); }
.story-list article { padding: 30px 0 32px; border-bottom: 1px solid rgba(44,38,32,0.2); }
.story-list h3 { margin-bottom: 11px; }
.story-list article:has(h3:only-child) h3 { margin-bottom: 0; }
.story-list p { max-width: 610px; font-size: 16px; line-height: 1.75; opacity: 0.8; }
.pillar-section { border-top: 1px solid rgba(44,38,32,0.12); }
.pillar-heading { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: end; margin-bottom: 52px; }
.pillar-heading h2 { max-width: 610px; }
.pillar-media { width: min(100%, 768px); margin: 0 0 48px; }
.pillar-media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.pillar-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(44,38,32,0.18); }
.pillar-points article { min-height: 190px; padding: 28px 28px 10px 0; }
.pillar-points article + article { padding-left: 28px; border-left: 1px solid rgba(44,38,32,0.18); }
.pillar-points h3 { margin-bottom: 12px; }
.pillar-points p { font-size: 16px; line-height: 1.7; opacity: 0.8; }
.process-section .section-heading { margin-bottom: 46px; }
.process-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.process-card { min-height: 370px; display: flex; flex-direction: column; padding: 28px 24px; border: 1px solid rgba(44,38,32,0.13); border-radius: 12px; background: rgba(220, 211, 195, 0.34); }
.process-card > span { margin-bottom: auto; padding-bottom: 70px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; color: var(--terracotta); }
.process-card h3 { margin-bottom: 13px; font-size: 23px; line-height: 1.45; }
.process-card p { font-size: 15px; line-height: 1.7; opacity: 0.78; }
.ko-wireframe .testimonials-section { padding: 104px 0; }
.ko-wireframe .testimonials-intro h2 { font-size: 44px; line-height: 1.28; }
.ko-wireframe .testimonial { min-height: 330px; border-radius: 12px; }
.ko-wireframe .testimonial blockquote { font-size: 24px; line-height: 1.55; }
.ko-wireframe .begin-section { padding: 104px 0; }
.ko-wireframe .begin-copy .eyebrow { margin-bottom: 18px; }
.ko-wireframe .begin-copy h2 { margin-bottom: 22px; font-size: 44px; line-height: 1.28; }
.ko-wireframe .reveal { transform: translateY(12px); transition-duration: 0.6s; }
@media (prefers-reduced-motion: reduce) { .ko-wireframe { scroll-behavior: auto; } .ko-wireframe .reveal { opacity: 1; transform: none; transition: none; } }
@media (max-width: 980px) {
  .ko-hero .hero-copy h1 { font-size: 50px; }
  .story-grid, .pillar-heading { grid-template-columns: 1fr; gap: 38px; }
  .overview-grid { gap: 18px; }
  .process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ko-wireframe .container { padding-left: 24px; padding-right: 24px; }
  .ko-wireframe h2 { font-size: 34px; line-height: 1.35; }
  .ko-hero { padding: 48px 0 64px; }
  .ko-hero .hero-copy h1 { font-size: 42px; line-height: 1.3; }
  .ko-hero .hero-sub { font-size: 18px; }
  .story-section, .pillar-section, .process-section, .ko-wireframe .testimonials-section, .ko-wireframe .begin-section { padding: 72px 0; }
  .section-heading { margin-bottom: 36px; }
  .overview-grid { grid-template-columns: 1fr; gap: 34px; }
  .overview-item img, .story-inline-image, .pillar-media img { aspect-ratio: 4 / 3; }
  .overview-item h3 { font-size: 23px; }
  .story-grid, .pillar-heading { gap: 36px; }
  .story-inline-image { margin-top: 30px; }
  .story-list article { padding: 24px 0; }
  .pillar-heading { margin-bottom: 36px; }
  .pillar-media { margin-bottom: 32px; }
  .pillar-points { grid-template-columns: 1fr; }
  .pillar-points article { min-height: 0; padding: 24px 0; }
  .pillar-points article + article { padding-left: 0; border-left: 0; border-top: 1px solid rgba(44,38,32,0.18); }
  .process-grid { grid-template-columns: repeat(5, minmax(260px, 80vw)); gap: 14px; overflow-x: auto; padding-bottom: 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .process-grid::-webkit-scrollbar { display: none; }
  .process-card { min-height: 330px; scroll-snap-align: start; }
  .ko-wireframe .testimonials-intro h2, .ko-wireframe .begin-copy h2 { font-size: 34px; }
  .ko-wireframe .testimonial blockquote { font-size: 22px; }
}