/* WECAMP v13 · 3-COLOR SIGNATURE PALETTE
   #F5F0EA Cream | #A61028 Crimson | #202020 Charcoal
   Only these pigments are used, plus opacity variants of the same three. */
:root{--cream:#F5F0EA;--paper:#F5F0EA;--paper-2:#F5F0EA;--accent:#A61028;--ink:#202020;--line:rgba(32,32,32,.17);--secondary:rgba(32,32,32,.7);--forest:#A61028;--deep:#202020;--pine:#A61028;--gold:#A61028;--gold-light:rgba(166,16,40,.14)}
body{background:#F5F0EA;color:#202020}
/* Sections are distinguished by spacing/lines, not extra colors. */
.hero,.hero-under,.intro-section,.service-section,.contact-section{background:#F5F0EA}
.experience-section.platform-experience{background:linear-gradient(145deg,#F5F0EA,rgba(166,16,40,.065))}
.hero-stage,.hero-host{background:#F5F0EA}
.hero-photo{filter:sepia(.15) saturate(.72) contrast(1.05) brightness(1.07)}
.hero-guest h1 em{color:#F5F0EA;text-decoration-color:#A61028}
.hero-shade{background:linear-gradient(90deg,rgba(32,32,32,.5),rgba(32,32,32,.08) 90%),linear-gradient(0deg,rgba(32,32,32,.68),transparent 75%)}
.hero-host .hero-cta{color:#A61028;border-color:#A61028}
.hero-host h1,.intro-top h2,.platform-heading h2,.section-heading h2,.contact-title h2,.platform-description-heading h3,.service-grid h3{color:#202020}
.hero-host h1 em,.intro-top h2 em,.platform-heading h2 em,.section-heading h2 em,.contact-title h2 em{color:#A61028}
.hero-host .hero-micro,.section-label,.platform-tab-count,.platform-benefit-index,.process-symbol,.service-grid span{color:#A61028}
.hero-host .hero-content p,.intro-top>p,.platform-heading>p,.platform-benefit p,.service-grid p,.contact-title>p{color:rgba(32,32,32,.72)}
.connector-ring{background:#F5F0EA;color:#202020;border-color:#F5F0EA;box-shadow:0 0 0 2px #A61028,0 13px 34px rgba(32,32,32,.22)}
.connector:hover .connector-ring,.connector:focus-visible .connector-ring{background:#A61028;color:#F5F0EA}
.hero-pane .carousel-indicator.is-active span::after{background:#A61028}
.hero-guest .carousel-indicator.is-active span::after{background:#F5F0EA}
.hero-host .carousel-indicator span{background:rgba(32,32,32,.25)}
.hero-host .carousel-indicator.is-active span{background:rgba(166,16,40,.22)}
/* Link styling and cream-background buttons */
.header-pill,.nav-mobile,.platform-showcase,.contact-form,.modal-dialog{background:#F5F0EA}
.wordmark,.nav-desktop a,.platform-tab.is-current,.platform-benefit h4{color:#202020}
.wordmark-symbol,.quick-inquiry,.contact-form button[type=submit],.modal-dialog button[type=submit]{background:#A61028;color:#F5F0EA}
.header-contact,.quick-vertical{background:#202020;color:#F5F0EA}
.header-contact:hover{background:#A61028}
.platform-showcase{border:1px solid rgba(32,32,32,.16)}
.platform-tabs,.platform-benefits,.platform-benefit,.process-track,.service-grid,.service-grid article{border-color:rgba(32,32,32,.17)}
.platform-tab.is-current,.platform-open-link,.intro-links a{border-color:#A61028}
.platform-carousel{background:rgba(166,16,40,.07)}
.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select,.modal-dialog input:not([type=checkbox]),.modal-dialog textarea,.modal-dialog select{background:#F5F0EA;border-color:rgba(32,32,32,.24);color:#202020}
.contact-form :is(input,textarea,select):focus,.modal-dialog :is(input,textarea,select):focus{border-color:#A61028}
.direct-email-link{color:#202020;border-color:#202020}
.direct-email-link:hover{color:#A61028;border-color:#A61028}
/* The dark archive and footer contrast with cream content. */
.portfolio-section,.portfolio-sticky{background:#202020}
.portfolio-sticky{background:radial-gradient(ellipse 66% 75% at 72% 35%,rgba(166,16,40,.17),transparent 75%),#202020}
.portfolio-intro,.portfolio-intro h2,.portfolio-intro .portfolio-help,.portfolio-intro>p{color:#F5F0EA}
.portfolio-intro h2 em,.portfolio-intro .section-label,.portfolio-intro .portfolio-flourish{color:#F5F0EA}
.book-cover{background:#202020}
.book-cover-info a{border-color:#F5F0EA}
.shelf-rule{background:linear-gradient(180deg,#A61028 0%,#202020 55%,#202020 100%)}
.shelf-rule::before{background:rgba(245,240,234,.26)}
.footer-scene{background:#F5F0EA}
.footer-card{background:#202020;color:#F5F0EA}
.footer-type{color:#F5F0EA}
.footer-top a,.footer-top button,.footer-top h3,.footer-bottom,.footer-company{color:rgba(245,240,234,.78)}
/* Quick guide and inquiry modal */
.quick-up,.help-launcher,.help-panel,.modal-privacy-box{background:#F5F0EA;color:#202020}
.help-panel{border-color:#202020}
.help-option{border-color:rgba(32,32,32,.24)}
.help-option-arrow{background:#202020;color:#F5F0EA}
.help-option:hover .help-option-arrow{background:#A61028}
.modal-overlay{background:rgba(32,32,32,.5)}
.modal-privacy-box{border-color:rgba(32,32,32,.2)}
.privacy-box-link,.privacy-box-title span{color:#A61028}
/* Each mobile benefit stacks vertically as already approved in v11/v12. */
@media(max-width:640px){
 .platform-benefits{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;border-color:rgba(32,32,32,.18)}
 .platform-benefit{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;min-height:0;border:0;border-bottom:1px solid rgba(32,32,32,.16);padding:15px 2px 16px;border-radius:0;scroll-snap-align:none}
 .platform-benefit:last-child{border-bottom:0}
}

/* Brighter right hero, more restrained burgundy and solid cover text. */
.hero-host{background:#F5F0EA}
.hero-host .host-sheen{opacity:.12}
.project-book.is-active .book-cover-info h3,.project-book.is-active .book-cover-info p,.project-book.is-active .book-cover-info a,.project-book.is-active .book-cover-number{color:#F5F0EA;opacity:1}
.project-book.is-active .book-cover-shade{background:linear-gradient(0deg,rgba(32,32,32,.92) 0%,rgba(32,32,32,.22) 60%,transparent 100%)}


/* v13.1 — 메인 이미지가 2번 슬라이드일 때 해당 영역의 설명 텍스트만 숨김.
   캐러셀 인디케이터, 좌우 분할 드래그 버튼과 메뉴는 항상 유지. */
.hero-pane[data-current-slide="1"] > .hero-content,
.hero-pane[data-current-slide="1"] > .hero-note,
.hero-pane[data-current-slide="1"] > .hero-bottomline {
  display: none !important;
}


/* v13.2 — 메인 좌우 캐러셀의 두 번째 이미지에서는 원본을 선명하게 표시.
   첫 번째 이미지의 기존 쉐이드와 이미지 표현은 변경하지 않습니다. */
.hero-guest[data-current-slide="1"] > .hero-shade {
  display: none !important;
}
.hero-host[data-current-slide="1"] > .host-sheen {
  display: none !important;
}
.hero-host[data-current-slide="1"] .hero-carousel::after {
  content: none !important;
  display: none !important;
}
.hero-pane[data-current-slide="1"] .hero-carousel .carousel-slide:nth-child(2) img {
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1;
}