@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap");
:root{--nt-ink:#302b27;--nt-muted:#6c655f;--nt-oak:#8e6b4d;--nt-oak-dark:#503b2c;--nt-gold:#9b7149;--nt-ivory:#f5f1e9;--nt-paper:#fffdf9;--nt-sand:#e8dfd1;--nt-line:rgba(83,63,44,.16);--mainfont:"Pretendard";--pointfont:"Figtree";--uiLatin:"Figtree";--koSerif:"Noto Serif KR"}
html[data-abelle-site=true]{--pointcolor:#6f513b;--pointcolor-rgb:111,81,59}
*{box-sizing:border-box}html[data-abelle-site=true],html[data-abelle-site=true] body{background:var(--nt-ivory)!important}
html[data-abelle-site=true] body,html[data-abelle-site=true] #wrap{color:var(--nt-ink);background:var(--nt-ivory)!important;font-family:var(--mainfont),sans-serif!important;font-weight:400}
html[data-abelle-site=true] button,html[data-abelle-site=true] input,html[data-abelle-site=true] select,html[data-abelle-site=true] textarea{font-family:var(--mainfont),sans-serif!important}
html[data-abelle-site=true] .point-font{font-family:var(--pointfont),var(--mainfont),sans-serif!important;font-weight:700!important;-webkit-text-stroke:0!important;paint-order:normal;text-rendering:optimizeLegibility;text-shadow:none}
html[data-abelle-site=true] #main_wrap h1.point-font.font-60,html[data-abelle-site=true] .sub h1.point-font.font-60{font-size:clamp(52px,3.75vw,68px)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.08!important}
html[data-abelle-site=true] .point-font.font-50{font-size:clamp(40px,3vw,54px)!important}
html[data-abelle-site=true] .point-font.font-40{font-size:clamp(32px,2.3vw,42px)!important}
html[data-abelle-site=true] .point-font.font-30{font-size:clamp(24px,1.7vw,30px)!important}
html[data-abelle-site=true] #main_wrap h3.point-font,html[data-abelle-site=true] .sub h2.point-font{font-weight:700!important;letter-spacing:0!important}
html[data-abelle-site=true] .font_serif{font-family:var(--koSerif),serif!important}
html[data-abelle-site=true] #header{border-bottom:1px solid rgba(69,54,43,.13)!important;background:rgba(255,253,249,.985)!important;box-shadow:0 7px 24px rgba(57,45,35,.075);backdrop-filter:none!important}
html[data-abelle-site=true] #header .header{background:transparent!important}
html[data-abelle-site=true] #header .header_wrap{width:min(1760px,calc(100% - 72px))!important;min-height:94px!important;align-items:center!important}
html[data-abelle-site=true] #header a{color:var(--nt-ink)!important}
html[data-abelle-site=true] #header #nav>.gnb>li.menu>span{color:var(--nt-ink)!important;font-weight:600!important;letter-spacing:-.025em!important}
html[data-abelle-site=true] #header #nav>.gnb>li.menu:hover>span{color:var(--nt-oak)!important}
html[data-abelle-site=true] #header .submenu_wrap,html[data-abelle-site=true] #header .depth02,html[data-abelle-site=true] #header .sub_menu{border-color:var(--nt-line)!important;background:rgba(255,253,249,.99)!important;box-shadow:0 18px 35px rgba(57,45,35,.09)!important}
html[data-abelle-site=true] #header .submenu a,html[data-abelle-site=true] #header .depth3_list a{font-weight:500!important}
html[data-abelle-site=true] #header #logo{display:flex!important;align-items:center!important}
html[data-abelle-site=true] #header #logo .main_logo{display:flex!important;align-items:center!important}
html[data-abelle-site=true] #header #logo img{width:auto!important;max-width:248px!important;height:72px!important;object-fit:contain!important;filter:contrast(1.12) saturate(.9)!important}
html[data-abelle-site=true] #footer #logo_ft img,html[data-abelle-site=true] footer #logo_ft img{width:auto!important;max-width:250px!important;height:92px!important;object-fit:contain!important;filter:brightness(0) invert(1) sepia(.12)!important;opacity:.9}
html[data-abelle-site=true] .footer #logo_ft img{display:block!important;width:auto!important;max-width:340px!important;height:112px!important;object-fit:contain!important;filter:brightness(0) invert(92%) sepia(18%) saturate(520%) hue-rotate(345deg) brightness(98%) contrast(88%) drop-shadow(0 3px 8px rgba(0,0,0,.34))!important;opacity:1!important}
html[data-abelle-site=true] img[src*="signature-jeon-jong-hyeon"]{display:block!important;width:min(100%,540px)!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:brightness(.42) saturate(.72) contrast(1.28)!important;object-fit:contain}
html[data-abelle-site=true] #sec04 .txt .img:has(img[src*="signature-jeon-jong-hyeon"]){overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-abelle-site=true] img[src*="director-jeon-jong-hyeon"]{display:block;width:100%;height:auto;object-fit:cover}
html[data-abelle-site=true] .director-photo-placeholder{display:flex;width:100%;max-width:720px;aspect-ratio:5/7;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(190,166,141,.82);background:rgba(250,247,242,.08);color:#bca58d}
html[data-abelle-site=true] .director-photo-placeholder span{padding:10px 18px;border-radius:999px;background:rgba(250,247,242,.9);color:#856f5d;font-size:15px;font-weight:500;letter-spacing:.08em}
/* Gray quick board with Abelle links. */
html[data-abelle-site=true] header nav#quick{position:fixed!important;top:50%!important;right:28px!important;bottom:auto!important;z-index:10001!important;transform:translateY(-50%)!important}
html[data-abelle-site=true] header nav#quick>ul{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
html[data-abelle-site=true] header nav#quick>ul>li{position:relative!important;width:68px!important;height:68px!important;margin:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 7px 18px rgba(48,41,35,.12)!important;transition:transform .25s ease,box-shadow .25s ease!important}
html[data-abelle-site=true] header nav#quick>ul>li:hover{transform:translateX(-4px)!important}
html[data-abelle-site=true] header nav#quick>ul>li>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important}
html[data-abelle-site=true] header nav#quick>ul>li>a:before{content:none!important}
html[data-abelle-site=true] header nav#quick>ul>li>a img{display:block!important;width:30px!important;height:28px!important;opacity:1!important;filter:none!important}
html[data-abelle-site=true] header nav#quick>ul>li:last-child,html[data-abelle-site=true] header nav#quick>ul>li:last-child>a{background:#d95323!important}
html[data-abelle-site=true] header nav#quick>ul>li:last-child>a img{display:none!important}
html[data-abelle-site=true] header nav#quick>ul>li:last-child>a:before{display:block!important;content:"TOP"!important;color:#fff!important;font:700 16px/1 Arial,sans-serif!important}
html[data-abelle-site=true] header nav#quick>ul>li.q_btn:after{right:74px!important;padding:7px 11px!important;border-radius:3px!important;background:rgba(75,57,43,.94)!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important;box-shadow:0 6px 16px rgba(63,47,34,.16)!important}
@media(min-width:768px){html[data-abelle-site=true] header nav#quick>ul>li.q_btn{pointer-events:auto!important;opacity:1!important;z-index:1!important}}
/* Homepage first view: preserve the material colour of each slide while keeping the copy readable. */
html[data-abelle-site=true] #main,html[data-abelle-site=true] #main .main.swiper,html[data-abelle-site=true] #main .main.swiper .swiper-slide{background-color:#eadfce!important}
html[data-abelle-site=true] #main .main.swiper .swiper-slide:after{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(55,43,35,.26),rgba(55,43,35,.10) 58%,rgba(55,43,35,.04));content:"";pointer-events:none}
html[data-abelle-site=true] #main .main.swiper .swiper-slide .inner{z-index:1}
html[data-abelle-site=true] #main .inner h1,html[data-abelle-site=true] #main .inner p:not(.sub-color){color:#fff!important;text-shadow:0 2px 14px rgba(32,24,18,.32)}
html[data-abelle-site=true] #main .inner p.sub-color.point-font{color:#f4e7d4!important;font-size:clamp(34px,2.6vw,48px)!important;font-weight:600!important;line-height:1.1!important;letter-spacing:.04em!important;text-shadow:0 2px 5px rgba(22,17,13,.72),0 0 22px rgba(244,231,212,.2)!important}
html[data-abelle-site=true] .sub-color,html[data-abelle-site=true] .point-color{color:var(--nt-gold)!important}
html[data-abelle-site=true] #main_wrap{color:var(--nt-ink)!important;background:var(--nt-ivory)!important;background-image:none!important}
html[data-abelle-site=true] #main_wrap>section{position:relative;background:var(--nt-paper)!important}
html[data-abelle-site=true] #main_wrap>section:nth-of-type(even){background:var(--nt-ivory)!important}
html[data-abelle-site=true] #main_wrap h1,html[data-abelle-site=true] #main_wrap h2,html[data-abelle-site=true] #main_wrap h3,html[data-abelle-site=true] #main_wrap .color-white,html[data-abelle-site=true] #main_wrap .color-white2{color:var(--nt-ink)!important}
html[data-abelle-site=true] #main_wrap p,html[data-abelle-site=true] #main_wrap li{color:var(--nt-muted)!important}
html[data-abelle-site=true] #sec01{overflow:hidden;background:var(--nt-paper)!important}
html[data-abelle-site=true] #sec01 h1:after{width:178px!important;height:150px!important;left:-48px!important;top:-52px!important;border:0!important;border-radius:0!important;background:center/contain no-repeat url("/abelle_new/theme/abelle0801/assets/abelle-symbol-champagne-v1.png")!important;opacity:.52;filter:brightness(.74) saturate(.9);transform:rotate(-7deg)!important}
html[data-abelle-site=true] #sec01 h3{gap:10px!important;letter-spacing:.04em!important}
html[data-abelle-site=true] #sec01 .point_img{display:none!important}
html[data-abelle-site=true] #sec01 .point_img img{display:none!important}
html[data-abelle-site=true] #sec01>.container>.img{min-height:620px;border-radius:180px 0 0 0;background:center/cover url("/abelle_new/theme/abelle0801/assets/abelle-philosophy-ivory-v1.png")!important}
html[data-abelle-site=true] #sec01>.container>.img>img{display:none!important}
html[data-abelle-site=true] .marquee{display:none!important}
html[data-abelle-site=true] #main_wrap>#sec03{min-height:620px;padding:100px 0 90px!important;background:linear-gradient(90deg,rgba(255,253,249,.86),rgba(255,253,249,.54)),center/cover url("/abelle_new/theme/abelle0801/assets/abelle-wood-architecture-v1.png")!important}
html[data-abelle-site=true] #main_wrap>#sec03:after{position:absolute;right:5%;bottom:3%;width:360px;height:270px;background:center/contain no-repeat url("/abelle_new/theme/abelle0801/assets/abelle-logo-master-v1.png");content:"";opacity:.075;pointer-events:none}
html[data-abelle-site=true] #sec03 .container{position:relative;z-index:1}
html[data-abelle-site=true] #sec03 [data-aos]{visibility:visible!important;opacity:1!important;transform:none!important}
html[data-abelle-site=true] #sec03 h1{position:relative;color:var(--nt-oak-dark)!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-size:clamp(52px,3.75vw,68px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.015em!important;text-transform:none!important;text-shadow:none!important;filter:none!important}
html[data-abelle-site=true] #sec03 p{color:var(--nt-ink)!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}
html[data-abelle-site=true] #sec03 img.inline-block{display:none!important}
html[data-abelle-site=true] #sec03 .container:before{display:block;width:88px;height:2px;margin:0 auto 45px;background:var(--nt-oak);content:""}
html[data-abelle-site=true] #sec04 .container{gap:70px}
html[data-abelle-site=true] #sec04 .img>img{border-radius:180px 180px 6px 6px;box-shadow:0 24px 60px rgba(65,47,31,.13)}
html[data-abelle-site=true] #sec04 .img>img[src*="signature-jeon-jong-hyeon"]{border-radius:0!important;box-shadow:none!important}
html[data-abelle-site=true] #sec04 .txt{padding:55px;border-left:1px solid var(--nt-line);background:rgba(255,253,249,.8)}
html[data-abelle-site=true] #sec02 .box{filter:sepia(.14) saturate(.74)!important}
html[data-abelle-site=true] #sec02 .box:hover{filter:none!important}
html[data-abelle-site=true] #sec02 .box p,html[data-abelle-site=true] #sec02 .box a,html[data-abelle-site=true] #sec05 .sp_img *{color:#fff!important}
html[data-abelle-site=true] #sec05 .sp_img{isolation:isolate;overflow:hidden}
html[data-abelle-site=true] #sec05 .sp_img:before{position:absolute;inset:0;z-index:0;background:linear-gradient(to top,rgba(35,26,20,.86) 0%,rgba(35,26,20,.62) 34%,rgba(35,26,20,.24) 64%,rgba(35,26,20,.05) 100%);content:"";pointer-events:none}
html[data-abelle-site=true] #sec05 .sp_img .inner{position:relative;z-index:1}
html[data-abelle-site=true] #sec05 .sp_img h3,html[data-abelle-site=true] #sec05 .sp_img p{color:#fff!important;text-shadow:0 2px 5px rgba(20,14,10,.72),0 1px 1px rgba(20,14,10,.9)!important}
html[data-abelle-site=true] #sec05 .sp_img h3{border-bottom-color:rgba(255,255,255,.82)!important}
html[data-abelle-site=true] #sec05 .sp_nav li{color:var(--nt-muted)!important;font-weight:800!important;-webkit-text-stroke:0!important;text-rendering:optimizeLegibility;text-shadow:none}
html[data-abelle-site=true] #sec05 .sp_nav li.on{color:var(--nt-oak)!important}
html[data-abelle-site=true] #sec09 #onBox .box .txt,html[data-abelle-site=true] #sec09 #onBox .box.on .txt{background:linear-gradient(180deg,rgba(27,22,19,.3),rgba(27,22,19,.58))!important}
html[data-abelle-site=true] #sec09 #onBox .box .txt h1,html[data-abelle-site=true] #sec09 #onBox .box .txt p{color:#fff!important;text-shadow:0 2px 5px rgba(18,14,11,.78),0 1px 1px rgba(18,14,11,.92)!important}
html[data-abelle-site=true] #sec09 #onBox .box .txt h1{font-weight:800!important;-webkit-text-stroke:0!important}
html[data-abelle-site=true] #tab,html[data-abelle-site=true] .tab_slide{border-color:var(--nt-line)!important;background:var(--nt-paper)!important}
html[data-abelle-site=true] #tab .box{border-color:var(--nt-line)!important}
html[data-abelle-site=true] #tab .box.on,html[data-abelle-site=true] #tab .box:hover{color:#fff!important;background:var(--nt-oak)!important}
html[data-abelle-site=true] #tab .box.on a,html[data-abelle-site=true] #tab .box:hover a{color:#fff!important}
html[data-abelle-site=true] .point-bg,html[data-abelle-site=true] .btn_submit,html[data-abelle-site=true] .sub_Btn,html[data-abelle-site=true] #bo_v .more_btn,html[data-abelle-site=true] .promotion_pop .submit,html[data-abelle-site=true] .n2 p{border-color:#6f513b!important;background:#6f513b!important;color:#fffaf2!important}
html[data-abelle-site=true] .intro.sec04 .swiper-pagination::before{background:linear-gradient(to right,transparent,#6f513b 40%,#6f513b 60%,transparent)!important}
html[data-abelle-site=true] .philosophy.sub .progress_wrap::before{background:linear-gradient(to right,transparent,#6f513b 40%,#6f513b 60%,transparent)!important}
html[data-abelle-site=true] .option.sub .option_nav::before,html[data-abelle-site=true] .case.sub .case_nav::before,html[data-abelle-site=true] .step.sub .step_nav::before{background:linear-gradient(to bottom,transparent,#6f513b 40%,#6f513b 60%,transparent)!important}
html[data-abelle-site=true] .intro.sec04 .swiper-pagination-bullet .circle::before,html[data-abelle-site=true] .intro.sec04 .swiper-pagination-bullet .circle::after,html[data-abelle-site=true] .philosophy.sub .progress_wrap .progress::before,html[data-abelle-site=true] .philosophy.sub .progress_wrap .progress::after,html[data-abelle-site=true] .option.sub .circle::before,html[data-abelle-site=true] .option.sub .circle::after,html[data-abelle-site=true] .case.sub .circle::before,html[data-abelle-site=true] .case.sub .circle::after,html[data-abelle-site=true] .step.sub .circle::before,html[data-abelle-site=true] .step.sub .circle::after,html[data-abelle-site=true] .area.sub .circle::before,html[data-abelle-site=true] .area.sub .circle::after{background-color:#6f513b!important}
html[data-abelle-site=true] .area.sub .tag_box{border:1px solid rgba(255,248,238,.38)!important;background:#6f513b!important;box-shadow:0 14px 32px rgba(54,39,28,.28),inset 0 0 0 1px rgba(255,255,255,.06)!important}
html[data-abelle-site=true] .area.sub .tag_box p,html[data-abelle-site=true] .area.sub .tag_box span{color:#fffaf2!important;text-shadow:0 1px 2px rgba(38,27,19,.36)!important}
html[data-abelle-site=true] .area.sub .tag_box .point-font{font-weight:800!important;-webkit-text-stroke:0!important}
html[data-abelle-site=true] .sub{background:var(--nt-paper)!important}
html[data-abelle-site=true] .sub h1,html[data-abelle-site=true] .sub h2,html[data-abelle-site=true] .sub h3{color:var(--nt-ink)}
html[data-abelle-site=true] .sub p,html[data-abelle-site=true] .sub li{color:var(--nt-muted)}
html[data-abelle-site=true] .btn,html[data-abelle-site=true] .btn_more{border-color:var(--nt-oak)!important;color:#fff!important;background:var(--nt-oak)!important}
html[data-abelle-site=true] body #main_wrap a.more_btn,html[data-abelle-site=true] body .sub a.more_btn{display:inline-flex!important;width:auto!important;min-width:190px!important;height:56px!important;padding:0 28px!important;align-items:center!important;justify-content:center!important;gap:16px!important;border:1px solid #36322f!important;border-radius:999px!important;color:#fff!important;background:#36322f!important;box-shadow:0 10px 25px rgba(47,42,38,.16)!important;font-family:var(--uiLatin),var(--mainfont),sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease!important}
html[data-abelle-site=true] body a.more_btn:before,html[data-abelle-site=true] body a.more_btn:after{display:none!important;width:0!important;height:0!important;background:none!important;content:none!important}
html[data-abelle-site=true] body #main_wrap a.more_btn span,html[data-abelle-site=true] body .sub a.more_btn span{display:inline-flex!important;align-items:center!important;gap:14px!important;color:inherit!important;opacity:1!important;transform:none!important}
html[data-abelle-site=true] .more_btn span:after{display:inline-block;background:none;content:"\2192";font-size:19px;font-weight:400;line-height:1;letter-spacing:0;transform:translateX(0);transition:transform .25s ease}
html[data-abelle-site=true] body #main_wrap a.more_btn:hover,html[data-abelle-site=true] body .sub a.more_btn:hover{border-color:#c7ad8d!important;color:#302b27!important;background:#e6d6c2!important;box-shadow:0 14px 30px rgba(70,49,32,.18)!important;transform:translateY(-2px)}
html[data-abelle-site=true] .more_btn:hover span:after{transform:translateX(5px)}
html[data-abelle-site=true] #footer,html[data-abelle-site=true] footer{color:#d8cec3!important;background:var(--nt-oak-dark)!important}
html[data-abelle-site=true] .footer{color:#e5ddd3!important;background:#1f1b18!important}
html[data-abelle-site=true] #map .abelle-location-map{display:block;width:100%;height:580px;border:0;background:var(--nt-sand)}
html[data-abelle-site=true] .abelle-kakao-channel-btn{display:flex;width:100%;min-height:60px;padding:10px 20px;align-items:center;justify-content:center;gap:16px;background:#fee500;color:#191919!important;font-family:var(--mainfont),sans-serif}
html[data-abelle-site=true] .abelle-kakao-channel-btn .talk-badge{position:relative;display:flex;width:42px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#191919;color:#fee500!important;font:800 10px/1 Arial,sans-serif}
html[data-abelle-site=true] .abelle-kakao-channel-btn .talk-badge:after{position:absolute;left:4px;bottom:-4px;border-top:10px solid #191919;border-right:9px solid transparent;content:"";transform:rotate(12deg)}
html[data-abelle-site=true] .abelle-kakao-channel-btn strong{color:#191919!important;font-size:20px;font-weight:800;letter-spacing:-.035em}
html[data-abelle-site=true] .abelle-kakao-channel-image{display:block;width:190px!important;max-width:100%!important;height:auto!important}
html[data-abelle-site=true] .abelle-phone-consult-image{display:block;width:190px!important;max-width:100%!important;height:auto!important}
html[data-abelle-site=true] .abelle-online-consult-image{display:block;width:190px!important;max-width:100%!important;height:auto!important}
html[data-abelle-site=true] ::selection{color:#fff;background:var(--ab-palette-accent,#617887)}
html[data-abelle-site=true] ::-moz-selection{color:#fff;background:var(--ab-palette-accent,#617887)}
/* Image-overlay contrast audit (41 public routes).
   Keep the natural-theme ink for ordinary copy, but restore the light treatment
   that the source markup explicitly requests over photographs. */
html[data-abelle-site=true] #subtitle{
  isolation:isolate;
  overflow:hidden;
  background:#302b27!important
}
html[data-abelle-site=true] #subtitle:after{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(25,22,20,.58),rgba(25,22,20,.34) 52%,rgba(25,22,20,.48));
  content:"";
  pointer-events:none
}
html[data-abelle-site=true] #subtitle .subtitle_bg{position:relative;z-index:0}
html[data-abelle-site=true] #subtitle>.container{z-index:2}
html[data-abelle-site=true] #subtitle>.container,
html[data-abelle-site=true] #subtitle>.container *,
html[data-abelle-site=true] #subtitle .color-white,
html[data-abelle-site=true] #subtitle .color-white2{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 6px rgba(15,12,10,.78),0 1px 1px rgba(15,12,10,.95)!important
}
html[data-abelle-site=true] #subtitle .point-font{
  color:#f5e8d7!important;
  font-weight:700!important
}
/* Mobile hero audit: only the lifting pages whose original visual becomes too dark
   once the shared text-contrast overlay is applied. */
html[data-abelle-site=true].ab-lcv2-active #subtitle,
html[data-abelle-site=true].ab-hfv2-active #subtitle,
html[data-abelle-site=true].ab-thv2-active #subtitle,
html[data-abelle-site=true]:has(.ab-detail--route-lifting-guide) #subtitle{background:#e8ddcf!important}
html[data-abelle-site=true].ab-lcv2-active #subtitle:after,
html[data-abelle-site=true].ab-hfv2-active #subtitle:after,
html[data-abelle-site=true].ab-thv2-active #subtitle:after,
html[data-abelle-site=true]:has(.ab-detail--route-lifting-guide) #subtitle:after{background:linear-gradient(90deg,rgba(37,31,27,.36),rgba(37,31,27,.18) 52%,rgba(37,31,27,.30))!important}
@media(max-width:767px){html[data-abelle-site=true].ab-snv2-active #subtitle,html[data-abelle-site=true].ab-scv2-active #subtitle{background:#eadfce!important}html[data-abelle-site=true].ab-snv2-active #subtitle:after,html[data-abelle-site=true].ab-scv2-active #subtitle:after{background:rgba(45,37,31,.26)!important}}
@media(max-width:767px){html[data-abelle-site=true].ab-pbv2-active #subtitle,html[data-abelle-site=true].ab-pfv2-active #subtitle,html[data-abelle-site=true].ab-psbv2-active #subtitle,html[data-abelle-site=true]:has(.ab-detail--route-surgery-petit) #subtitle,html[data-abelle-site=true]:has(.ab-detail--route-petit-collagen-booster) #subtitle{background:#eadfce!important}html[data-abelle-site=true].ab-pbv2-active #subtitle:after,html[data-abelle-site=true].ab-pfv2-active #subtitle:after,html[data-abelle-site=true].ab-psbv2-active #subtitle:after,html[data-abelle-site=true]:has(.ab-detail--route-surgery-petit) #subtitle:after,html[data-abelle-site=true]:has(.ab-detail--route-petit-collagen-booster) #subtitle:after{background:rgba(45,37,31,.26)!important}}
html[data-abelle-site=true] .sub .img_bg,
html[data-abelle-site=true] .sub .bg_img,
html[data-abelle-site=true] .sub [class*="image-bg"]{
  isolation:isolate;
  overflow:hidden
}
html[data-abelle-site=true] .sub .img_bg:after,
html[data-abelle-site=true] .sub .bg_img:after,
html[data-abelle-site=true] .sub [class*="image-bg"]:after{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to top,rgba(28,23,20,.66),rgba(28,23,20,.08) 68%);
  content:"";
  pointer-events:none
}
html[data-abelle-site=true] .sub .img_bg>*:not(img),
html[data-abelle-site=true] .sub .bg_img>*:not(img),
html[data-abelle-site=true] .sub [class*="image-bg"]>*:not(img){position:relative;z-index:2}
html[data-abelle-site=true] .sub .img_bg .color-white,
html[data-abelle-site=true] .sub .img_bg .color-white2,
html[data-abelle-site=true] .sub .img_bg .color-white *,
html[data-abelle-site=true] .sub .img_bg .color-white2 *,
html[data-abelle-site=true] .sub .bg_img .color-white,
html[data-abelle-site=true] .sub .bg_img .color-white2,
html[data-abelle-site=true] .sub [class*="image-bg"] .color-white,
html[data-abelle-site=true] .sub [class*="image-bg"] .color-white2,
html[data-abelle-site=true] .sub.bg-center>.color-white,
html[data-abelle-site=true] .sub.bg-cover>.color-white,
html[data-abelle-site=true] section[style*="background"] .color-white,
html[data-abelle-site=true] section[style*="background"] .color-white2{
  color:#fff!important;
  text-shadow:0 2px 5px rgba(18,14,11,.8),0 1px 1px rgba(18,14,11,.95)!important
}
html[data-abelle-site=true] .sub .img_bg .point-font,
html[data-abelle-site=true] .sub .bg_img .point-font,
html[data-abelle-site=true] .sub [class*="image-bg"] .point-font{font-weight:800!important}
@media(max-width:767px){
  html[data-abelle-site=true] #subtitle:after{background:rgba(25,22,20,.48)}
}
@media(max-width:767px){html[data-abelle-site=true] #header{background:rgba(255,253,249,.985)!important}html[data-abelle-site=true] #header .header_wrap{width:calc(100% - 32px)!important;min-height:70px!important}html[data-abelle-site=true] #header #logo img{max-width:180px!important;height:54px!important}html[data-abelle-site=true] header nav#quick{top:auto!important;right:15px!important;bottom:22px!important;transform:none!important}html[data-abelle-site=true] header nav#quick>ul{gap:5px!important}html[data-abelle-site=true] header nav#quick>ul>li{width:48px!important;height:48px!important}html[data-abelle-site=true] header nav#quick>ul>li.q_btn:after{display:none!important}html[data-abelle-site=true] #sec01 h1:after{width:118px!important;height:102px!important;left:-28px!important;top:-34px!important}html[data-abelle-site=true] #sec01>.container>.img{min-height:430px;border-radius:110px 0 0 0}html[data-abelle-site=true] #sec01 .point_img{width:72px;height:42px;margin:0 10px}html[data-abelle-site=true] #main_wrap>#sec03{min-height:auto;padding:80px 20px!important}html[data-abelle-site=true] #main_wrap>#sec03:after{right:2%;width:190px;height:150px}html[data-abelle-site=true] #sec04 .txt{padding:32px 20px;border-left:0}}
@media(max-width:767px){html[data-abelle-site=true] #main_wrap h1.point-font.font-60,html[data-abelle-site=true] .sub h1.point-font.font-60{font-size:clamp(36px,10vw,48px)!important}html[data-abelle-site=true] .point-font.font-50{font-size:clamp(32px,8.8vw,42px)!important}html[data-abelle-site=true] .point-font.font-40{font-size:clamp(28px,7.8vw,36px)!important}html[data-abelle-site=true] .point-font.font-30{font-size:clamp(22px,6.5vw,28px)!important}}
@media(max-width:767px){html[data-abelle-site=true] #sec03 h1{font-size:clamp(36px,10vw,48px)!important;letter-spacing:-.015em!important;line-height:1.08!important;word-break:keep-all}}

/* Treatment detail typography and process icon system (2026-08-21).
   Numbers remain the visual cue for assessment criteria; process numbers are
   replaced by quiet, single-line pictograms so the two sections read differently. */
html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
  :is([class*="-check"],[class*="-principles"],[class*="-structure"],[class*="-types"],[class*="-condition"],[class*="-purpose"],[class*="-causes"],[class*="-roles"])
  article>span:first-child{
  display:block;
  margin:0 0 22px;
  color:#8a634b!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1;
  letter-spacing:.13em
}
html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
  :is([class*="-check"],[class*="-principles"],[class*="-structure"],[class*="-types"],[class*="-condition"],[class*="-purpose"],[class*="-causes"],[class*="-roles"])
  article>h3{
  margin-top:0!important;
  font-size:clamp(28px,2.1vw,34px)!important;
  font-weight:720!important;
  line-height:1.28!important;
  letter-spacing:-.045em!important
}
/* Keep post-treatment guidance readable as a distinct heading and body,
   without changing the page-specific background palettes. */
html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
  section[class*="-note"] h2+p{
  margin-top:22px!important;
}
@media(max-width:900px){
  html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
    :is([class*="-check"],[class*="-principles"],[class*="-structure"],[class*="-types"],[class*="-condition"],[class*="-purpose"],[class*="-causes"],[class*="-roles"])
    article>span:first-child{margin-bottom:13px;font-size:13px!important}
  html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
    :is([class*="-check"],[class*="-principles"],[class*="-structure"],[class*="-types"],[class*="-condition"],[class*="-purpose"],[class*="-causes"],[class*="-roles"])
    article>h3{font-size:27px!important;line-height:1.3!important}
  html[data-abelle-site=true] main[class^="ab-"]:not(.ab-home)
    section[class*="-note"] h2+p{margin-top:16px!important}
}