@font-face{font-family:"Project Display";src:url(/story-assets/PlayfairDisplay-Full.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Playfair Display";src:url(/story-assets/PlayfairDisplay-Full.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}.explore_page__k9tqg{min-height:100vh;color:#352216;background:linear-gradient(180deg,#f8edcf,#f4e5bf)}.explore_intro__ycC8w{position:relative;isolation:isolate;max-width:1320px;margin:0 auto;padding:clamp(70px,9vw,126px) clamp(22px,6vw,90px) clamp(48px,6vw,80px);overflow:hidden}.explore_intro__ycC8w:after{position:absolute;z-index:-1;inset:0 0 0 46%;content:"";background:linear-gradient(90deg,#f8edcf 0%,rgba(248,237,207,0.25) 15%,transparent 38%),url(/story-assets/qua-tung-lop-hero.webp) center center/cover no-repeat;opacity:.92;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}.explore_intro__ycC8w h1{max-width:980px;margin:14px 0 18px;color:#842022;font-family:"Project Display","Playfair Display",Georgia,serif!important;font-weight:600!important;font-size:clamp(42px,5.8vw,76px)!important;line-height:1.15!important;letter-spacing:0.01em!important;text-transform:none!important;text-wrap:balance}.explore_lead__PXqjY{max-width:620px;margin:0;color:#594632;font:400 clamp(16px,1.5vw,19px)/1.7 "Noto Serif",Georgia,serif}.explore_actions__K1B4A{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:25px}.explore_actions__K1B4A>span{color:#795f42;font-size:13px;line-height:1.5}.explore_creator__S9E8B{display:inline-flex;gap:10px;margin-top:22px;color:#842022;font-size:14px;text-decoration-thickness:1px;text-underline-offset:5px}.explore_definition__Nb9IJ{max-width:1140px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(22px,6vw,70px);scroll-margin-top:110px;color:#594632}.explore_definition__Nb9IJ h2{font:500 clamp(28px,4vw,46px)/1.25 "Project Display","Playfair Display",Georgia,serif;color:#842022;margin:0 0 22px}.explore_definition__Nb9IJ details{padding:16px 0;border-block-start:1px solid #a887554d}.explore_definition__Nb9IJ summary{cursor:pointer;color:#842022;font:500 clamp(17px,2vw,22px)/1.5 "Project Display","Playfair Display",Georgia,serif;min-height:44px}.explore_definition__Nb9IJ summary:focus-visible{outline:2px solid #842022;outline-offset:4px}.explore_definition__Nb9IJ p{max-width:70ch;line-height:1.85;margin:14px 0}.explore_actions__K1B4A .btn{white-space:normal;text-align:center;line-height:1.5}.explore_page__k9tqg #5-cong-doan{scroll-margin-top:24px}@media(max-width:600px){.explore_intro__ycC8w{padding:60px 22px 42px}.explore_intro__ycC8w:after{position:absolute;z-index:-1;inset:0 0 0 20%;content:"";background:linear-gradient(90deg,#f8edcf 0%,rgba(248,237,207,0.7) 35%,rgba(248,237,207,0.2) 75%,transparent 100%),url(/story-assets/qua-tung-lop-hero.webp) 65% center/cover no-repeat;opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%);mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}.explore_intro__ycC8w h1{max-width:980px;margin:14px 0 18px;color:#842022;font-family:"Project Display","Playfair Display",Georgia,serif!important;font-weight:600!important;font-size:clamp(42px,5.8vw,76px)!important;line-height:1.15!important;letter-spacing:0.01em!important;text-transform:none!important;text-wrap:balance}.explore_actions__K1B4A{align-items:flex-start;flex-direction:column}.explore_creator__S9E8B{margin-top:19px}}@media(prefers-reduced-motion:reduce){.explore_page__k9tqg *{scroll-behavior:auto!important}}.processWorkshop_workshop__zFp89{margin-top:26px;border:1px solid #9b774555;background:#efe2c2;color:#291b12}.processWorkshop_entry__6_wCN{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #9b774533}.processWorkshop_entry__6_wCN h3{margin:4px 0 0;color:#842022;font:400 clamp(20px,2.4vw,30px)/1.15 Heritage,Georgia,serif}.processWorkshop_kicker__FsULC{margin:0;color:#8b2a2a;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.14em}.processWorkshop_actionRow__Zr6Sl button,.processWorkshop_entryButton__wKZjP,.processWorkshop_navigation__KRn7Q button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border:1px solid #8b2a2a88;background:transparent;color:#842022;font:600 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}.processWorkshop_entryButton__wKZjP{white-space:nowrap}.processWorkshop_entryButton__wKZjP span{font-size:17px;line-height:1}.processWorkshop_actionRow__Zr6Sl button:hover,.processWorkshop_entryButton__wKZjP:hover,.processWorkshop_navigation__KRn7Q button:hover{background:#8b2a2a0d}.processWorkshop_panel__zVipm{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(20px,3vw,42px);padding:22px}.processWorkshop_viewerColumn__E6A12{min-width:0}.processWorkshop_viewerLabel__1RG3N{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#775c3d;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em}.processWorkshop_viewerLabel__1RG3N span:last-child{font-weight:400;letter-spacing:0;text-align:right}.processWorkshop_surface__hlVC7{position:relative;overflow:hidden;border:1px solid #a77f4666;background:#d9b797}.processWorkshop_surface__hlVC7 .lacquer-surface-live{min-height:330px;background:radial-gradient(ellipse at 50% 35%,#fbf1d9,#eeddb8 58%,#d7bc86)}.processWorkshop_viewerFallback__0Crl6{display:grid;place-items:center;min-height:330px;color:#f4dfb4;background:#17100d;font:400 12px/1.5 Inter,Arial,sans-serif}.processWorkshop_disclaimer__ivjoI{margin:8px 0 18px;color:#6c5840;font:400 11px/1.55 Inter,Arial,sans-serif}.processWorkshop_cutaway__AWEVt{border-top:1px solid #9b774555;padding-top:13px}.processWorkshop_cutawayHead__YrKbD{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#6d5436;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em}.processWorkshop_cutawayHead__YrKbD span{font-weight:400;letter-spacing:0}.processWorkshop_cutaway__AWEVt ol{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.processWorkshop_cutaway__AWEVt li{display:flex;align-items:center;gap:10px;min-height:23px;color:#543f2b;font:500 11px/1.3 Inter,Arial,sans-serif;opacity:.35;transition:opacity .2s}.processWorkshop_cutaway__AWEVt li[data-active=true]{opacity:1}.processWorkshop_cutaway__AWEVt li>span{display:block;width:100%;max-width:260px;height:12px;border:1px solid #5e432a44;background:var(--layer-color);box-shadow:2px 2px 0 #6f4a2922}.processWorkshop_cutaway__AWEVt li:nth-child(2)>span{background:linear-gradient(90deg,#8c2020,#e9d4a4,#d1a843,#e8dfca,#875c25)}.processWorkshop_cutaway__AWEVt p{margin:9px 0 0;color:#796446;font:400 11px/1.5 Inter,Arial,sans-serif}.processWorkshop_controls__HnHWn{min-width:0}.processWorkshop_stepCopy__l_eff{margin:0 0 16px;color:#51402f;font:400 12px/1.75 Inter,Arial,sans-serif}.processWorkshop_stageBody__J062Y{display:grid;gap:14px}.processWorkshop_group__p7_IG{min-width:0;margin:0;padding:0;border:0}.processWorkshop_group__p7_IG legend{margin-bottom:8px;color:#704e2c;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.processWorkshop_optionGrid__zlup5{display:flex;flex-wrap:wrap;gap:7px}.processWorkshop_optionGrid__zlup5 button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid #a6814f88;background:#f7ebc8;color:#493521;font:500 12px/1.3 Inter,Arial,sans-serif;cursor:pointer}.processWorkshop_optionGrid__zlup5 button[aria-pressed=true]{border-color:#8b2a2a;background:#8b2a2a;color:#fff0d1;box-shadow:inset 0 0 0 1px #8b2a2a}.processWorkshop_actionRow__Zr6Sl button:focus-visible,.processWorkshop_cycle__hBrLl button:focus-visible,.processWorkshop_entryButton__wKZjP:focus-visible,.processWorkshop_navigation__KRn7Q button:focus-visible,.processWorkshop_optionGrid__zlup5 button:focus-visible{outline:2px solid #3b2114;outline-offset:2px}.processWorkshop_optionGrid__zlup5 button i{width:13px;height:13px;border:1px solid #513b28aa;border-radius:50%;flex:none}.processWorkshop_optionGrid__zlup5 .processWorkshop_materialSwatch__0ricf{background:#cfcbc2}.processWorkshop_optionGrid__zlup5 .processWorkshop_material1__VIXEe{background:linear-gradient(135deg,#8d2020,#e4b94e)}.processWorkshop_optionGrid__zlup5 .processWorkshop_material2__QLZpx{background:radial-gradient(circle at 30% 30%,#fff4d4,#b3b9b2 45%,#ece1c8)}.processWorkshop_optionGrid__zlup5 .processWorkshop_material3__me32i{background:linear-gradient(135deg,#c28d24,#f4d66a,#96711d)}.processWorkshop_optionGrid__zlup5 .processWorkshop_material4__FApQS{background:linear-gradient(135deg,#6f747b,#e4d0ac,#8b8d90)}.processWorkshop_optionGrid__zlup5 .processWorkshop_material5__hemRH{background:linear-gradient(135deg,#d8cbb4,#9faaa8,#e2c9a7)}.processWorkshop_callout__x38hO{padding:13px 15px;border-left:3px solid #a77b3d;background:#e8d5a8;color:#4b3825}.processWorkshop_callout__x38hO strong{display:block;color:#842022;font:400 16px/1.25 Heritage,Georgia,serif}.processWorkshop_callout__x38hO p{margin:5px 0 0;font:400 12px/1.65 Inter,Arial,sans-serif}.processWorkshop_callout__x38hO small{display:block;margin-top:7px;color:#70583a;font:400 11px/1.5 Inter,Arial,sans-serif}.processWorkshop_checkRow__iiBhb{display:flex;align-items:flex-start;gap:9px;color:#493a29;font:500 12px/1.5 Inter,Arial,sans-serif}.processWorkshop_checkRow__iiBhb input,.processWorkshop_layerToggles__EhijA input{accent-color:#8b2a2a}.processWorkshop_checkRow__iiBhb input{margin:2px 0 0;width:14px;height:14px;flex:none}.processWorkshop_smallNote__faN0N{margin:0;color:#756044;font:400 11px/1.6 Inter,Arial,sans-serif}.processWorkshop_cycle__hBrLl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}.processWorkshop_cycle__hBrLl li{min-width:0}.processWorkshop_cycle__hBrLl button{display:grid;justify-items:start;align-content:start;gap:6px;width:100%;height:100%;min-height:62px;padding:8px;border:1px solid #a6814f55;background:#f7ebc8;color:#695337;text-align:left;font:500 11px/1.3 Inter,Arial,sans-serif;cursor:pointer}.processWorkshop_cycle__hBrLl button span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e5d2a9;color:#734327;font:600 11px/1 Inter,Arial,sans-serif}.processWorkshop_cycle__hBrLl li[data-current=true] button{border-color:#8b2a2a;background:#8b2a2a;color:#fff0d1}.processWorkshop_cycle__hBrLl li[data-current=true] button span{background:#f4ddb0;color:#842022}.processWorkshop_actionRow__Zr6Sl{display:flex;flex-wrap:wrap;gap:7px}.processWorkshop_actionRow__Zr6Sl button{min-height:38px;padding:8px 10px;font-size:11px}.processWorkshop_actionRow__Zr6Sl .processWorkshop_primary__wxPxK{border-color:#842022;background:#842022;color:#fff0d1}.processWorkshop_actionRow__Zr6Sl .processWorkshop_primary__wxPxK:hover{background:#68191b}.processWorkshop_phaseTabs__WBmUs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-bottom:1px solid #a77b3d66;padding-bottom:12px}.processWorkshop_phaseTabs__WBmUs button{min-height:34px;padding:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:#715438;font:600 11px/1.3 Inter,Arial,sans-serif;cursor:pointer}.processWorkshop_phaseTabs__WBmUs button[aria-pressed=true]{border-color:#8b2a2a;color:#842022}.processWorkshop_rangeLabel__ZcW3C{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;color:#493a29;font:500 13px/1.5 Inter,Arial,sans-serif}.processWorkshop_rangeLabel__ZcW3C span{color:#842022;font-weight:700}.processWorkshop_rangeLabel__ZcW3C input{grid-column:1/-1;width:100%;accent-color:#8b2a2a}.processWorkshop_depthScale__uaGud{display:flex;justify-content:space-between;gap:8px;color:#573c26;font:400 12px/1.5 Inter,Arial,sans-serif}.processWorkshop_depthScale__uaGud span:nth-child(2){color:#485225}.processWorkshop_depthScale__uaGud span:last-child{color:#7b2b1b;text-align:right}.processWorkshop_layerToggles__EhijA{display:flex;flex-wrap:wrap;gap:7px}.processWorkshop_layerToggles__EhijA label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #ad8d5b66;background:#f7ebc8;color:#493521;font:500 11px/1.3 Inter,Arial,sans-serif}.processWorkshop_layerToggles__EhijA input{margin:0}.processWorkshop_notice__C6iZt{margin:12px 0 0;padding:9px 11px;background:#f7ebc8;color:#5b4a32;font:400 11px/1.6 Inter,Arial,sans-serif}.processWorkshop_navigation__KRn7Q{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid #9b774555;color:#755c3d;font:500 11px/1.4 Inter,Arial,sans-serif}.processWorkshop_navigation__KRn7Q button{min-height:34px;padding:6px 8px;font-size:11px}@media(max-width:800px){.processWorkshop_panel__zVipm{grid-template-columns:1fr;padding:16px}.processWorkshop_entry__6_wCN{align-items:flex-start;flex-direction:column}.processWorkshop_entryButton__wKZjP{align-self:flex-start}.processWorkshop_viewerLabel__1RG3N{font-size:11px}.processWorkshop_surface__hlVC7 .lacquer-surface-live{min-height:280px}}@media(max-width:480px){.processWorkshop_entry__6_wCN{padding:16px}.processWorkshop_panel__zVipm{padding:14px}.processWorkshop_cycle__hBrLl,.processWorkshop_phaseTabs__WBmUs{grid-template-columns:repeat(2,minmax(0,1fr))}.processWorkshop_navigation__KRn7Q{flex-wrap:wrap}.processWorkshop_viewerLabel__1RG3N{align-items:flex-start;flex-direction:column;gap:3px}.processWorkshop_viewerLabel__1RG3N span:last-child{text-align:left}.processWorkshop_depthScale__uaGud{font-size:10px}}@media(prefers-reduced-motion:reduce){.processWorkshop_cutaway__AWEVt li{transition:none}}.core-v4-process-heading h2,.core-v4-process-detail h3,.processWorkshop_entry__6_wCN h3{font-family:"Project Display","Playfair Display",Georgia,serif!important;font-weight:500!important}@media(max-width:600px){.explore_intro__ycC8w h1{font-size:clamp(26px,7.4vw,40px)!important}}
/* TO HƠN VA XUONG DONG O CHU LAM */
#layers-title {
  font-size: clamp(38px, 3.8vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.04em !important;
}
#layers-title .layers-line-1,
#layers-title > span:first-child {
  white-space: normal !important;
  display: inline !important;
}


/* --- Core V4 Process Grid: Refined Slide Layout --- */
.core-v4-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}
.core-v4-process-grid li{min-width:0;position:relative}
.core-v4-process-grid li:not(:last-child)::after{content:'';position:absolute;right:0;top:18px;bottom:22px;width:1px;background:linear-gradient(180deg,transparent,rgba(139,42,42,0.18) 15%,rgba(139,42,42,0.24) 50%,rgba(139,42,42,0.18) 85%,transparent);pointer-events:none}
.core-v4-process-grid li:not(:last-child)::before{content:'✦';position:absolute;right:-4px;top:50%;transform:translateY(-50%);font-size:8px;color:#b89358;z-index:2;pointer-events:none;line-height:1}
.core-v4-process-step{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0 16px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#291b12;text-align:left;cursor:pointer;transition:background-color .25s,border-color .25s}
.core-v4-process-step:hover,.core-v4-process-step[aria-pressed=true]{background:rgba(132,32,34,0.035)}
.core-v4-process-step[aria-pressed=true]{border-bottom-color:#842022;box-shadow:0 2px 0 #842022}
.core-v4-step-number{order:1;display:flex;align-items:center;gap:12px;color:#842022;font-family:"Project Display","Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1;margin-bottom:6px}
.core-v4-step-number::after{content:'';display:inline-block;width:36px;height:1.5px;background:#842022;opacity:0.45}
.core-v4-step-title{order:2;display:flex;align-items:flex-start;min-height:42px;margin-bottom:12px;color:#842022;font-family:"Project Display","Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(13.5px,1.15vw,16px);line-height:1.3;text-transform:uppercase;letter-spacing:0.025em}
.core-v4-process-photo{order:3;display:block;width:100%;aspect-ratio:1.15;background-image:url(/story-assets/process-five-stages-v4.webp);background-size:500% auto;background-position-y:65%;background-repeat:no-repeat;border-radius:2px;margin-bottom:14px;box-shadow:0 2px 8px rgba(45,25,10,0.08);filter:saturate(0.92);transition:filter .25s,transform .25s}
.core-v4-process-step:hover .core-v4-process-photo,.core-v4-process-step[aria-pressed=true] .core-v4-process-photo{filter:saturate(1.05);transform:translateY(-2px)}
.core-v4-step-short{order:4;display:block;margin-top:0;color:#493521;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11.5px,0.95vw,13px);line-height:1.65}
@media(max-width:900px){.core-v4-process-grid{grid-template-columns:repeat(5,220px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;gap:12px}.core-v4-process-grid li{scroll-snap-align:start}.core-v4-process-grid li:not(:last-child)::after,.core-v4-process-grid li:not(:last-child)::before{display:none}.core-v4-process-step{padding:0 10px 14px;border-right:1px solid rgba(139,42,42,0.18)}}


.processWorkshop_workshop__zFp89 {
  background: transparent !important;
  border: none !important;
}
.processWorkshop_panel__zVipm {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}



.processWorkshop_panel__zVipm {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  grid-template-columns: none !important;
  background: transparent !important;
  border: none !important;
}



/* ================================================================
   WORKSHOP & SIMULATOR UNIFIED GOLD PAPER THEME & RED LACQUER HIGHLIGHTS
   ================================================================ */

/* 1. Remove all white backgrounds and extend golden paper to 'Thực hành: Chuẩn bị cốt' */
.processWorkshop_workshop__zFp89 {
  background: var(--site-paper-surface) center / 900px 900px repeat !important;
  border-top: 1px solid rgba(139, 42, 42, 0.25) !important;
  border-bottom: 1px solid rgba(139, 42, 42, 0.25) !important;
}

.processWorkshop_entry__6_wCN,
.processWorkshop_panel__zVipm,
.productExperience_page__WKDXT,
.productExperience_studio__EDGqN,
.productExperience_coreStudio__V7jJJ,
.productExperience_studioWorkspace__is27_,
.productExperience_galleryPanel__LqR_e,
.productExperience_galleryView__p7LNe,
.productExperience_viewer__V3Heb,
.productExperience_galleryControls__WppUe {
  background: transparent !important;
}

/* 2. Change all white choice/task buttons into golden paper tiles, leaving only red box prominent */
.productExperience_studioChoices__jssx6 button,
.productExperience_materialChoices__hbtcl button,
.productExperience_colorChoices__sVGIt button,
.productExperience_faceChoices__y_olI button,
.productExperience_motifChoices__WNJtl button,
.productExperience_vocTasks__wd_6j button {
  background: rgba(254, 248, 233, 0.55) !important;
  border: 1px solid rgba(155, 116, 72, 0.45) !important;
  color: #432b20 !important;
  transition: all 0.2s ease !important;
}

.productExperience_studioChoices__jssx6 button:hover,
.productExperience_materialChoices__hbtcl button:hover,
.productExperience_colorChoices__sVGIt button:hover,
.productExperience_faceChoices__y_olI button:hover,
.productExperience_motifChoices__WNJtl button:hover,
.productExperience_vocTasks__wd_6j button:hover:not(:disabled) {
  background: rgba(254, 248, 233, 0.85) !important;
  border-color: #842022 !important;
  color: #842022 !important;
}

/* Active / pressed state */
.productExperience_studioChoices__jssx6 button[aria-pressed=true],
.productExperience_materialChoices__hbtcl button[aria-pressed=true],
.productExperience_colorChoices__sVGIt button[aria-pressed=true],
.productExperience_faceChoices__y_olI button[aria-pressed=true],
.productExperience_motifChoices__WNJtl button[aria-pressed=true],
.productExperience_vocTasks__wd_6j button[aria-pressed=true] {
  background: #842022 !important;
  border-color: #842022 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(132, 32, 34, 0.25) !important;
}

.productExperience_studioChoices__jssx6 button[aria-pressed=true] small,
.productExperience_vocTasks__wd_6j button[aria-pressed=true] small,
.productExperience_vocTasks__wd_6j button[aria-pressed=true] strong,
.productExperience_vocTasks__wd_6j button[aria-pressed=true] i {
  color: #fff4e2 !important;
}

/* 3. Turn any black/dark elements to red */
.productExperience_boardContext__7W1Go {
  background: #842022 !important;
  border: 1px solid rgba(240, 203, 123, 0.45) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
.productExperience_boardContext__7W1Go > span {
  color: #fce7b8 !important;
  letter-spacing: 0.12em !important;
}
.productExperience_boardContext__7W1Go h2 {
  color: #ffffff !important;
}
.productExperience_boardContext__7W1Go p {
  color: #fff1dc !important;
}

.processWorkshop_viewerFallback__0Crl6,
.processWorkshop_surface__hlVC7 .processWorkshop_viewerFallback__0Crl6 {
  background: #842022 !important;
  color: #fff1dc !important;
}

/* 4. Step 5 single action button "Phủ lớp sơn trong" styled red lacquer */
.productExperience_finishActions___wK4h button {
  background: rgba(254, 248, 233, 0.6) !important;
  border: 1px solid rgba(155, 116, 72, 0.5) !important;
  color: #432b20 !important;
}

.productExperience_finishActions___wK4h button:first-child {
  background: #842022 !important;
  border: 1px solid #842022 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(132, 32, 34, 0.25) !important;
}

.productExperience_finishActions___wK4h button:first-child small {
  color: #faeedb !important;
}

.productExperience_finishActions___wK4h button:first-child:hover {
  background: #9d2629 !important;
  border-color: #9d2629 !important;
}

#core-v4-process-title {
  text-wrap: balance !important;
}



/* --- SECTION: SƠN MÀI LÀ GÌ IN KHÁM PHÁ --- */
:root {
  --sonmai-paper: #faf4e8;
  --sonmai-red: #7a1a16;
  --sonmai-dark: #20140c;
  --sonmai-body: #3c2f25;
  --sonmai-border: rgba(168, 137, 89, 0.38);
}

.sonmai-page-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(36px, 5vw, 64px) clamp(20px, 3.5vw, 40px) clamp(44px, 6vw, 68px);
  scroll-margin-top: 80px;
}

#son-mai-la-gi {
  scroll-margin-top: 80px;
}

.sonmai-header-block {
  text-align: center;
  margin-bottom: clamp(36px, 5vw, 54px);
}

.sonmai-eyebrow {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8c6a4d;
  margin: 0 0 14px 0;
}

.sonmai-main-title {
  font-family: 'Project Display', 'Playfair Display', 'Noto Serif', Georgia, serif !important;
  font-size: clamp(2.5rem, 4.6vw, 3.6rem) !important;
  font-weight: 700 !important;
  color: var(--sonmai-red) !important;
  line-height: 1.15 !important;
  margin: 0 0 18px 0 !important;
}

.sonmai-lead-quote {
  font-size: clamp(1.2rem, 1.8vw, 1.4rem);
  font-weight: 700;
  color: var(--sonmai-dark);
  line-height: 1.45;
  margin: 0 auto 16px auto;
  max-width: 860px;
}

.sonmai-lead-body {
  font-size: clamp(1rem, 1.25vw, 1.08rem);
  color: var(--sonmai-body);
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.sonmai-masterpiece-frame {
  max-width: 1040px;
  margin: 0 auto clamp(44px, 6vw, 68px) auto;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--sonmai-border);
  box-shadow: 0 14px 40px rgba(40, 20, 10, 0.12);
  background: #1a120c;
}

.sonmai-masterpiece-frame img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sonmai-masterpiece-frame:hover img {
  transform: scale(1.012);
}

.sonmai-content-rows {
  max-width: 1040px;
  margin: 0 auto clamp(48px, 6vw, 72px) auto;
  display: flex;
  flex-direction: column;
  gap: clamp(44px, 6vw, 64px);
}

.sonmai-row-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

.sonmai-text-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sonmai-heading {
  font-family: 'Project Display', 'Playfair Display', 'Noto Serif', Georgia, serif !important;
  font-size: clamp(1.6rem, 2.4vw, 2.05rem) !important;
  font-weight: 700 !important;
  color: var(--sonmai-red) !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

.sonmai-text-col p {
  font-size: 1.02rem;
  line-height: 1.78;
  color: var(--sonmai-body);
  margin: 0;
}

.sonmai-media-card {
  display: flex;
  flex-direction: column;
}

.sonmai-media-frame {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--sonmai-border);
  box-shadow: 0 8px 24px rgba(40, 20, 10, 0.09);
  background: #1a120c;
}

.sonmai-media-frame img {
  width: 100%;
  height: auto;
  display: block;
}

.sonmai-caption {
  font-size: 0.92rem;
  font-style: italic;
  color: #554436;
  margin: 10px 0 0 0;
  line-height: 1.4;
}

.sonmai-caption.align-right {
  text-align: right;
}

.sonmai-caption.align-center {
  text-align: center;
}

.sonmai-caption.align-left {
  text-align: left;
}

@media (max-width: 860px) {
  .sonmai-row-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .sonmai-row-grid.reverse-on-mobile .sonmai-media-card {
    order: 2;
  }
  .sonmai-row-grid.reverse-on-mobile .sonmai-text-col {
    order: 1;
  }
  .sonmai-caption.align-right,
  .sonmai-caption.align-center {
    text-align: left;
  }
}



/* --- STAGE 01 CHỌN CỐT & WORKSHOP REFINEMENTS --- */
html {
  scroll-behavior: smooth;
}

.studio_core_guide {
  margin: 0 0 16px 0 !important;
  color: #4c3726 !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  font-family: inherit !important;
}

.studio_material_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin-right: 6px;
  vertical-align: middle;
  transition: all 0.2s ease;
}

.productExperience_materialChoices__hbtcl button[aria-pressed=true] .studio_material_dot {
  border-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45) !important;
}

.studio_core_callout {
  padding: 14px 18px !important;
  background: rgba(232, 213, 168, 0.65) !important;
  border-left: 3.5px solid #842022 !important;
  border-radius: 4px !important;
  margin: 16px 0 14px 0 !important;
  box-shadow: 0 2px 10px rgba(50, 25, 10, 0.05) !important;
  transition: all 0.25s ease !important;
  animation: fadeInCallout 0.25s ease-out;
}

@keyframes fadeInCallout {
  from { opacity: 0; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}

.studio_core_callout strong {
  display: block !important;
  color: #842022 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  margin-bottom: 5px !important;
  letter-spacing: 0.02em !important;
}

.studio_core_callout p {
  margin: 0 !important;
  color: #432e1d !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.studio_reinforce_check {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 14px 0 6px 0 !important;
  cursor: pointer !important;
  color: #442f1e !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  user-select: none !important;
  transition: color 0.2s ease;
}

.studio_reinforce_check:hover {
  color: #842022 !important;
}

.studio_reinforce_check input {
  width: 17px !important;
  height: 17px !important;
  accent-color: #842022 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.studio_reinforce_note {
  margin: 0 0 14px 0 !important;
  color: #6d5436 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-style: italic !important;
}

.studio_stage_status {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 14px 0 18px 0 !important;
  padding: 11px 15px !important;
  background: rgba(132, 32, 34, 0.06) !important;
  border: 1px solid rgba(132, 32, 34, 0.18) !important;
  border-radius: 4px !important;
  color: #492a18 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
}

.studio_status_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2e7d32;
  box-shadow: 0 0 0 2.5px rgba(46, 125, 50, 0.22);
  flex-shrink: 0;
  display: inline-block;
}

/* Mobile 3D Smooth Touch Orbit & Canvas Optimization */
.productExperience_viewer__V3Heb canvas,
.lacquer-surface-live canvas,
.productExperience_viewer__V3Heb,
.lacquer-surface-live {
  touch-action: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}