/* CHAM Team source: dormur-results.com/inc/css/main.css (2026-09-07).
   Original rem scale isolated as --cham-r so other sections remain untouched. */
@font-face { font-family: ChamOutfit; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/dormur-results/Outfit-Bold.ttf') format('truetype'); }
#dormur-results { --cham-r: 10px; --cham-txt: clamp(17px,.3125vw + 10px,18px); --cham-small: clamp(15px,.3125vw + 8px,16px); --cham-big: clamp(20px,.3125vw + 12px,22px); --cham-space: 30; --cham-pad: calc(2 * var(--cham-r)); display:block!important; position:relative; z-index:3; isolation:isolate; overflow:hidden; padding-top:calc(var(--cham-space) * var(--cham-r)); background:#fff; color:#000; font-family:Pretendard,sans-serif; font-size:calc(1.7 * var(--cham-r)); line-height:1.5; letter-spacing:normal; word-break:keep-all; }
#dormur-results *, #dormur-results *::before, #dormur-results *::after { box-sizing:border-box; }
#dormur-results p { margin:0; padding:0; }
#dormur-results img { display:block; max-width:100%; height:auto; }
#dormur-results .in { position:relative; width:calc(164 * var(--cham-r)); max-width:100%; padding:0 calc(2 * var(--cham-r)); margin:0 auto; }
#dormur-results .sect_tit_box { position:relative; }
#dormur-results .sect_tit_box .desc { font-size:calc(2.5 * var(--cham-r)); font-weight:700; margin-bottom:calc(3 * var(--cham-r)); transform:translateY(50px); opacity:0; transition:transform .5s ease-out,opacity .5s ease-out; }
#dormur-results .sect_tit_box .tit { font-size:calc(5.5 * var(--cham-r)); line-height:1.3; font-weight:700; transform:translateY(50px); opacity:0; transition:opacity .5s ease-out .2s,transform .5s ease-out .2s; }
#dormur-results .sect_tit_box .txt { margin-top:1.5em; font-size:var(--cham-txt); transform:translateY(50px); opacity:0; transition:opacity .5s ease-out .4s,transform .5s ease-out .4s; }
#dormur-results .com_btn { position:absolute; right:0; bottom:0; display:inline-flex; align-items:center; height:calc(5 * var(--cham-r)); line-height:calc(5.1 * var(--cham-r)); padding:0 1.7em; border:1px solid #000; font-size:var(--cham-small); border-radius:100px; color:#000; text-decoration:none; transform:translateY(50px); opacity:0; transition:opacity .5s ease-out .6s,transform .5s ease-out .6s,background .3s,color .3s,border-color .3s; }
#dormur-results .com_btn svg { margin-left:calc(3 * var(--cham-r)); width:calc(1.5 * var(--cham-r)); height:calc(1.5 * var(--cham-r)); fill:currentColor; }
#dormur-results .sect_tit_box.active :is(.desc,.tit,.txt,.com_btn) { opacity:1; transform:none; }
#dormur-results .img { position:relative; margin:0 auto; width:calc(184 * var(--cham-r)); padding:calc(32 * var(--cham-r)) var(--cham-pad) 0; max-width:100%; z-index:2; }
#dormur-results .gr_bg { position:absolute; left:50%; bottom:0; width:80%; max-width:100%; height:100%; transform:translateX(-50%); background:linear-gradient(#fff 0%,#e7f2ed 100%); filter:blur(15px); opacity:0; transition:opacity 1s ease-in-out,height 1s ease-in-out; }
#dormur-results .img_txt { overflow:hidden; color:#00816c; opacity:.12; position:absolute; left:50%; top:0; transform:translate(-50%,100%); font-size:calc(10 * var(--cham-r)); font-weight:700; text-transform:uppercase; white-space:nowrap; }
#dormur-results .img_txt span { display:block; transform:translateY(100%); opacity:0; transition:transform 1s ease-in-out,opacity 1s ease-in-out; font-family:ChamOutfit,sans-serif; }
#dormur-results .img_txt br { display:none; }
#dormur-results .img>img { width:100%; position:relative; z-index:2; opacity:0; transition:opacity .3s ease-in-out .6s; }
#dormur-results .cir_bg_wrap { overflow:hidden; position:absolute; top:calc(var(--cham-space) * var(--cham-r)); left:0; transform:translateY(25%); width:100%; height:100vh; }
#dormur-results .cir { position:absolute; width:calc(60 * var(--cham-r)); }
#dormur-results .cir.num1 { top:0; left:5%; }
#dormur-results .cir.num2 { top:15%; right:5%; }
#dormur-results .cir.num3 { top:80%; right:45%; }
#dormur-results .img.active .gr_bg,#dormur-results .img.active>img { opacity:1; }
#dormur-results .img.active .img_txt span { transform:translateY(0); opacity:1; }
@media(min-width:1024px) { #dormur-results .com_btn:hover { background:#000; color:#fff; } }
@media(min-width:2561px) { #dormur-results { --cham-r:clamp(10px,.857px + .3571vw,13px); --cham-space:36; } }
@media(max-width:2001px) { #dormur-results .in { width:calc(154 * var(--cham-r)); } #dormur-results .tit { font-size:calc(5 * var(--cham-r))!important; } #dormur-results .desc { font-size:var(--cham-big)!important; } }
@media(max-width:1921px) { #dormur-results { --cham-r:9.5px; } }
@media(max-width:1641px) { #dormur-results { --cham-r:9px; --cham-space:25; } #dormur-results .img { padding-top:calc(20 * var(--cham-r)); margin-top:calc(5 * var(--cham-r)); } #dormur-results .img_txt { font-size:calc(6 * var(--cham-r)); } }
@media(max-width:1241px) { #dormur-results { --cham-r:8.5px; --cham-txt:15px; --cham-small:13px; --cham-big:18px; --cham-space:20; } #dormur-results .tit { font-size:36px!important; } #dormur-results .txt { width:70%; } #dormur-results .txt br { display:none; } #dormur-results .img { padding-top:30vw; } #dormur-results .img_txt { top:30vw; transform:translate(-50%,-115%); font-size:7.5vw; } #dormur-results .img_txt span { text-align:center; line-height:1.25; } #dormur-results .img_txt br { display:block; } }
@media(max-width:1025px) { #dormur-results .tit { font-size:28px!important; } }
@media(max-width:769px) { #dormur-results { --cham-r:7.7px; --cham-txt:14px; --cham-small:11px; --cham-big:16px; --cham-space:12; --cham-pad:20px; } #dormur-results .in { padding:0 20px; } #dormur-results .tit { font-size:26px!important; } #dormur-results .sect_tit_box .desc { margin-bottom:calc(2 * var(--cham-r)); } #dormur-results .txt { width:100%; } #dormur-results .com_btn { position:static; margin-top:2em; line-height:calc(4 * var(--cham-r)); } #dormur-results .com_btn svg { margin-left:calc(2 * var(--cham-r)); } #dormur-results .cir_bg_wrap { display:none; } }
@media(max-width:481px) { #dormur-results .tit { font-size:24px!important; } }
@media(prefers-reduced-motion:reduce) { #dormur-results .sect_tit_box :is(.desc,.tit,.txt,.com_btn), #dormur-results .img>img, #dormur-results .img_txt span,#dormur-results .gr_bg { opacity:1; transform:none; transition:none; } }

/* Draft 3: inherit the same DORMUR tokens as the other imported sections.
   Keep the existing section structure, image ratio and motion unchanged. */
#dormur-results { font-family:var(--system-font); color:var(--system-text); letter-spacing:-.02em; }
#dormur-results .sect_tit_box .tit { font-family:var(--system-font); font-size:var(--system-title)!important; font-weight:700; line-height:1.3; letter-spacing:-.02em; }
#dormur-results .sect_tit_box .desc { font-family:var(--system-display); font-size:var(--system-label)!important; font-weight:600; line-height:1.3; color:var(--system-primary); letter-spacing:-.02em; }
#dormur-results .sect_tit_box .txt { font-family:var(--system-font); font-size:var(--system-body); line-height:1.6; letter-spacing:-.02em; }
#dormur-results .img_txt { color:var(--system-primary); }
#dormur-results .img_txt span { font-family:var(--system-display); font-weight:600; letter-spacing:-.02em; }
#dormur-results .gr_bg { background:linear-gradient(#fff 0%,#e3ebff 100%); }
#dormur-results .cir img { visibility:hidden; }
#dormur-results .cir::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,#f7f9ff,#e3ebff); mask: url('/assets/dormur-results/cir_bg_green.png') center/100% 100% no-repeat; }
#dormur-results .cir.yellow::after { mask-image:url('/assets/dormur-results/cir_bg_yellow.png'); }
#dormur-results .com_btn { font-family:var(--system-font); font-weight:600; letter-spacing:-.02em; color:var(--system-text); border:3px solid var(--system-border); height:max(60px * var(--base-ratio),60 / var(--base-size) * var(--base-percent)); padding:0 max(24px * var(--base-ratio),24 / var(--base-size) * var(--base-percent)); min-width:max(140px * var(--base-ratio),140 / var(--base-size) * var(--base-percent)); font-size:max(18px * var(--base-ratio),18 / var(--base-size) * var(--base-percent)); line-height:1.3; }
#dormur-results .com_btn:focus-visible { outline:2px solid #4873EA; outline-offset:4px; }
@media(hover:hover) { #dormur-results .com_btn:hover { border-color:transparent; color:#fff; background:linear-gradient(90deg,#4873EA 0%,var(--system-primary) 100%); background-origin:border-box; } }
@media(max-width:1024px) { #dormur-results .com_btn { height:52px; padding:0 20px; min-width:120px; font-size:16px; border-width:2px; } }

/* Only the draft-3 case/results boundary: two shared spacing units in total. */
html:is([data-content-draft="1"], [data-content-draft="2"], [data-content-draft="3"]) .dormur-solutions-source:has(+ #dormur-results) .dormur-solutions-proof { padding-bottom:var(--system-space); }
#dormur-results { padding-top:var(--system-space); }
#dormur-results .cir_bg_wrap { top:var(--system-space); }

/* Remove the space reserved for the deleted decorative heading. */
#dormur-results .img { padding-top:0; margin-top:var(--system-space); }

/* Keep image-group blur and decorative layers behind the copy and CTA.
   Stacking only: preserve all existing spacing, text and image dimensions. */
#dormur-results .in { z-index:3; }
#dormur-results .cir_bg_wrap,
#dormur-results .gr_bg,
#dormur-results .img_txt { pointer-events:none; }
#dormur-results .txt .results-emphasis { color:var(--system-primary); font-weight:700; }

/* White evidence panel; preserve the original screenshot and all its text. */
#dormur-results .cir_bg_wrap, #dormur-results .gr_bg { display:none; }
#dormur-results .img>img { filter:url(#results-white-background); }

/* Keep the desktop composite untouched; crop its two panels only on mobile. */
#dormur-results .results-mobile-stack { display:none; }
/* Draft 3: retain the composite geometry and replace only its right-hand DB panel. */
#dormur-results .results-animated-desktop { position:relative; width:100%; z-index:2; opacity:0; transition:opacity .3s ease-in-out .6s; }
#dormur-results .img.active .results-animated-desktop { opacity:1; }
#dormur-results .results-animated-desktop > img:first-child { width:100%; filter:url(#results-white-background); }
#dormur-results .results-animated-desktop > .results-inquiries-gif { position:absolute; left:52.34%; top:13.62%; width:36.34%; height:61.29%; object-fit:contain; background:white; border-radius:12px; }
/* Match the evidence canvas to the dark page without flattening the animated GIF.
   Apply once to the desktop composite so its caption and GIF stay seamless. */
/* Blend the complete evidence layer with the gold backdrop, including the live GIF. */
html[data-preview-draft="3"] #dormur-results .img {
  mix-blend-mode: screen;
}
/* Feather only the desktop composite's empty outer margins. */
html[data-preview-draft="3"] #dormur-results .results-animated-desktop {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 7%, #000 95%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 7%, #000 95%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
html[data-preview-draft="3"] #dormur-results .results-animated-desktop,
html[data-preview-draft="3"] #dormur-results .results-mobile-stack figure > svg,
html[data-preview-draft="3"] #dormur-results .results-mobile-stack .results-inquiries-gif {
  filter: invert(.97) hue-rotate(180deg);
}
@media(prefers-reduced-motion:reduce) { #dormur-results .results-animated-desktop { opacity:1; transition:none; } }
@media (max-width:767px) {
  #dormur-results .results-animated-desktop { display:none; }
  #dormur-results .results-mobile-stack .results-inquiries-gif { width:100%; height:auto; border-radius:12px; }
  #dormur-results .txt br { display:initial; }
  #dormur-results .img>img { display:none; }
  #dormur-results .results-mobile-stack { display:grid; gap:32px; position:relative; z-index:2; }
  #dormur-results .results-mobile-stack figure { margin:0; min-width:0; }
  #dormur-results .results-mobile-stack svg { display:block; width:100%; height:auto; overflow:hidden; }
  #dormur-results .results-mobile-stack figcaption { margin-top:16px; text-align:center; font-size:14px; line-height:1.5; font-weight:600; word-break:keep-all; }
}