/* Template palette scoped to the Vision & Mission body sections. */
.dewford-philosophy-content > :is(.about-section-home-two,.services-section,.projects-section-two) {
  --theme-color1: #f7f7f7;
  --theme-color2: #D7D9CF;
  --theme-color3: #E3E5DD;
  --theme-color1-rgb: 244,244,244;
  --theme-color2-rgb: 215, 217, 207;
  --theme-color3-rgb: 227, 229, 221;
  --theme-color1-text-color: #fff;
  --theme-color2-text-color: #fff;
  --theme-color3-text-color: #fff;
  --body-bg: #fff;
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-light: #f2f8f9;
  --theme-color-gray: #f6f6f6;
  --theme-color-silver: #eee;
  --theme-color-black:var(--id-color);
  --theme-color-black-rgb:var(--dewford-subpage-brand-rgb,82,25,109);
  --theme-color-dark:var(--id-color);
  --gradient-1: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(217, 244, 95) 100%);
  --text-color: #525252;
  --text-color-rgb: 82, 82, 82;
  --headings-color:var(--id-color-dark);
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color1);
  --review-color: #FF901B;
  --sec-title-subtitle-color: var(--headings-color);
  --sec-title-color: var(--headings-color);
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black:var(--id-color);
color:var(--text-color);
}

#main-content.dewford-philosophy-content > .services-section {margin-top:0;padding-top:120px;}
@media(max-width:991.98px){
 #main-content.dewford-philosophy-content > .services-section {padding-top:80px;}
}

/* Preserve the original template layout with Dewford's single-photo cards. */
#main-content.dewford-philosophy-content {overflow-x:clip;}
#main-content.dewford-philosophy-content .service-block .icon-box i {font-size:48px;line-height:1;}
#main-content.dewford-philosophy-content .about-block-home-two .icon-box i {font-size:32px;}
#main-content.dewford-philosophy-content .services-section .dewford-section-heading {position:relative;z-index:1;margin-bottom:60px;}
#main-content.dewford-philosophy-content .services-section > .bg {top:0;}
#main-content.dewford-philosophy-content .services-section > .bg::after {content:"";position:absolute;inset:0;background:rgba(255,255,255,.5);}
#main-content.dewford-philosophy-content .project-block-two .image img:only-child {position:relative;inset:auto;opacity:1;filter:none;transform:none;}
#main-content.dewford-philosophy-content .project-block-two .inner-box:hover .image img:only-child {transform:scale(1.05);}
#main-content.dewford-philosophy-content .dewford-program-description {margin:0 0 12px;color:#ddd;font-size:16px;line-height:1.8;}
#main-content.dewford-philosophy-content .dewford-program-description:first-child {color:#fff;font-weight:600;}
@media(min-width:992px){
 #main-content.dewford-philosophy-content .dewford-philosophy-sticky-column {align-self:stretch;}
 #main-content.dewford-philosophy-content .dewford-philosophy-sticky-copy {position:sticky;top:120px;}
}
@media(max-width:991.98px){
 #main-content.dewford-philosophy-content .projects-section-two .col-md-6 {width:100%;}
 #main-content.dewford-philosophy-content .dewford-philosophy-sticky-column {margin-bottom:40px;}
}
@media(max-width:767.98px){
 #main-content.dewford-philosophy-content .services-section .dewford-section-heading {margin-bottom:36px;}
}

/* Korean copy fits the original columns without the oversized English display type. */
html body.dewford-subpage #main-content.dewford-philosophy-content h2.title {font-size:50px!important;line-height:1.3!important;word-break:keep-all;overflow-wrap:break-word;}
#main-content.dewford-philosophy-content .services-section .row {align-items:stretch;}
#main-content.dewford-philosophy-content .services-section .service-block .inner-box {height:100%;display:flex;flex-direction:column;}
#main-content.dewford-philosophy-content .services-section .service-block .btn-box {margin-top:auto;padding-top:24px;}
@media(max-width:767.98px){
 html body.dewford-subpage #main-content.dewford-philosophy-content h2.title {font-size:32px!important;}
}

#main-content.dewford-philosophy-content .service-block .inner-box:is(:hover,.active) .icon-box i {color:#fff;}
#main-content.dewford-philosophy-content .about-block-home-two .icon-box i {color:#fff;}

#main-content.dewford-philosophy-content h2.title .word {display:inline-block!important;white-space:nowrap;overflow:visible;margin-bottom:0;}

/* Clip animation overflow without making a non-scrolling sticky ancestor. */
body.dewford-philosophy-page > .page-wrapper {overflow:clip;}

#main-content.dewford-philosophy-content .project-block-two[id] {scroll-margin-top:110px;}

/* Editorial spacing and brand-colored learning cards. */
#main-content.dewford-philosophy-content .about-section-home-two .sec-title-style-two {align-items:flex-start;gap:32px;margin-bottom:64px;}
#main-content.dewford-philosophy-content .about-section-home-two .sec-title-style-two .title {margin-bottom:0;max-width:800px;}
#main-content.dewford-philosophy-content .about-section-home-two .image-column .image::before {display:none;}
#main-content.dewford-philosophy-content .dewford-philosophy-teacher-photo {overflow:hidden;aspect-ratio:437 / 553;}
#main-content.dewford-philosophy-content .dewford-philosophy-teacher-photo img {width:100%;height:100%;object-position:76% 50%;}
#main-content.dewford-philosophy-content .about-section-home-two .content-column .inner-column {padding-left:24px;}
#main-content.dewford-philosophy-content .about-section-home-two .content {margin:0 0 28px;}
#main-content.dewford-philosophy-content .about-section-home-two .content .title {font-size:28px;line-height:1.3;font-weight:700;letter-spacing:-.025em;margin:0 0 18px;color:var(--id-color,#52196d);}
#main-content.dewford-philosophy-content .about-section-home-two .content .text {border:0;padding:0;margin:0;font-size:16px;line-height:1.75!important;word-break:keep-all;color:#62606a;}
#main-content.dewford-philosophy-content .about-section-home-two .content .text::before {display:none;}
#main-content.dewford-philosophy-content .dewford-philosophy-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;}
#main-content.dewford-philosophy-content .dewford-philosophy-values > .about-block-home-two {width:auto;min-width:0;padding:0;margin:0;}
#main-content.dewford-philosophy-content .about-block-home-two .inner-block {display:flex;flex-direction:column;position:relative;height:100%;margin:0;padding:24px 10px;background:var(--id-color,#52196d);border:1px solid rgba(255,255,255,.12);border-radius:4px;box-shadow:0 10px 26px rgba(52,18,68,.08);transition:none;}
#main-content.dewford-philosophy-content .about-block-home-two .title-box {display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;border:0;margin:0;padding:0;text-align:center;}
html body.dewford-philosophy-page #main-content .about-block-home-two .title {font-size:16px!important;line-height:1.45!important;letter-spacing:-.025em!important;margin:0;word-break:keep-all;color:#fff;}
#main-content.dewford-philosophy-content .about-block-home-two .title a {color:inherit;}
#main-content.dewford-philosophy-content .about-block-home-two .icon-box {display:flex;align-items:center;justify-content:center;flex-shrink:0;height:32px;margin:0;}
#main-content.dewford-philosophy-content .about-block-home-two .icon-box i {font-size:26px;color:#e0c5ed;}
#main-content.dewford-philosophy-content .projects-section-two .project-block-two {margin-bottom:64px;}
#main-content.dewford-philosophy-content .projects-section-two .project-block-two:last-child {margin-bottom:0;}
#main-content.dewford-philosophy-content .projects-section-two .content-box {padding-top:24px;}
#main-content.dewford-philosophy-content .projects-section-two .year-info {color:#d9bde7;}
@media(max-width:1199.98px){
 #main-content.dewford-philosophy-content .about-section-home-two .content-column .inner-column {padding-left:12px;}
}
@media(max-width:991.98px){
 #main-content.dewford-philosophy-content .about-section-home-two .content-column .inner-column {padding-left:0;}
 #main-content.dewford-philosophy-content .about-section-home-two .dewford-philosophy-teacher-photo {height:auto;aspect-ratio:4 / 3;margin-bottom:32px;}
 #main-content.dewford-philosophy-content .about-section-home-two .sec-title-style-two {gap:16px;margin-bottom:36px;}
}
@media(max-width:575.98px){
 #main-content.dewford-philosophy-content .about-section-home-two .dewford-philosophy-teacher-photo {aspect-ratio:1 / 1;}
 #main-content.dewford-philosophy-content .about-block-home-two .inner-block {padding:20px 6px;}
 #main-content.dewford-philosophy-content .dewford-philosophy-values {gap:8px;}
 html body.dewford-philosophy-page #main-content .about-block-home-two .title {font-size:12px!important;letter-spacing:-.035em!important;}
 #main-content.dewford-philosophy-content .about-section-home-two .content .title {font-size:24px;}
 #main-content.dewford-philosophy-content .about-block-home-two .title-box {gap:12px;}
 #main-content.dewford-philosophy-content .projects-section-two .project-block-two {margin-bottom:40px;}
}

/* Keep desktop content clear of the shared floating navigation rail. */
@media(min-width:1200px){
 #main-content.dewford-philosophy-content > section > .auto-container {width:auto;max-width:1440px;margin-left:max(24px,calc((100vw - 1600px) / 2));margin-right:260px;}
 #main-content.dewford-philosophy-content .services-section .outer-box {width:auto;max-width:none;margin-left:max(24px,calc((100vw - 1600px) / 2));margin-right:260px;}
}
@media(min-width:1200px) and (max-width:1439.98px){
 #main-content.dewford-philosophy-content .service-block .inner-box {padding:32px 24px;}
}

/* Pair each photograph with its Mission or Vision content on tablets. */
#main-content.dewford-philosophy-content .dewford-philosophy-layout {display:grid;grid-template-columns:3fr 4fr 5fr;grid-template-areas:"mission-photo vision-photo mission" "mission-photo vision-photo vision";column-gap:24px;row-gap:48px;align-items:start;}
#main-content.dewford-philosophy-content .dewford-philosophy-mission-image {grid-area:mission-photo;}
#main-content.dewford-philosophy-content .dewford-philosophy-vision-image {grid-area:vision-photo;}
#main-content.dewford-philosophy-content .dewford-philosophy-mission {grid-area:mission;}
#main-content.dewford-philosophy-content .dewford-philosophy-vision {grid-area:vision;padding-top:32px;border-top:1px solid rgba(82,25,109,.15);}
#main-content.dewford-philosophy-content .dewford-philosophy-layout > div {width:auto;min-width:0;}
#main-content.dewford-philosophy-content .dewford-philosophy-layout .image {display:block;visibility:visible;height:auto;width:100%;margin:0;overflow:hidden;}
#main-content.dewford-philosophy-content .dewford-philosophy-dewey-photo {aspect-ratio:322 / 470;}
#main-content.dewford-philosophy-content .dewford-philosophy-dewey-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
@media(max-width:1439.98px){
 #main-content.dewford-philosophy-content .dewford-philosophy-layout {grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"mission-photo mission" "vision-photo vision";column-gap:32px;row-gap:48px;}
 #main-content.dewford-philosophy-content .dewford-philosophy-vision {padding-top:0;border-top:0;}
 #main-content.dewford-philosophy-content .dewford-philosophy-layout .image {aspect-ratio:4 / 5;}
 #main-content.dewford-philosophy-content .about-section-home-two .content-column .inner-column {padding-left:0;}
}
@media(max-width:767.98px){
 #main-content.dewford-philosophy-content .dewford-philosophy-layout {grid-template-columns:minmax(0,1fr);grid-template-areas:"mission-photo" "mission" "vision-photo" "vision";row-gap:24px;}
 #main-content.dewford-philosophy-content .dewford-philosophy-mission {margin-bottom:24px;}
}

/* Tablet: alternate image and copy, with photographs matching each content panel. */
@media(min-width:768px) and (max-width:1439.98px){
 #main-content.dewford-philosophy-content .dewford-philosophy-layout {
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-areas:
   "mission-photo mission-photo mission-photo mission-photo mission-photo mission mission mission mission mission mission mission"
   "vision vision vision vision vision vision vision vision-photo vision-photo vision-photo vision-photo vision-photo";
  column-gap:0;row-gap:48px;align-items:stretch;
 }
 #main-content.dewford-philosophy-content .dewford-philosophy-layout > .image-column {position:relative;min-height:340px;}
 #main-content.dewford-philosophy-content .dewford-philosophy-layout .image {position:relative;height:100%;min-height:340px;aspect-ratio:auto;border-radius:12px;box-shadow:0 12px 30px rgba(35,25,40,.08);}
 #main-content.dewford-philosophy-content .dewford-philosophy-layout .image img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
 #main-content.dewford-philosophy-content .dewford-philosophy-mission {margin-left:24px;}
 #main-content.dewford-philosophy-content .dewford-philosophy-vision {margin-right:24px;}
 #main-content.dewford-philosophy-content .about-section-home-two .content-column .inner-column {display:flex;flex-direction:column;justify-content:center;height:100%;padding:16px 0;background:transparent;border:0;border-radius:0;}
 #main-content.dewford-philosophy-content .dewford-philosophy-mission .inner-column::before,
 #main-content.dewford-philosophy-content .dewford-philosophy-vision .inner-column::before {display:block;margin-bottom:14px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#88708f;}
 #main-content.dewford-philosophy-content .dewford-philosophy-mission .inner-column::before {content:"01 / MISSION";}
 #main-content.dewford-philosophy-content .dewford-philosophy-vision .inner-column::before {content:"02 / VISION";}
 #main-content.dewford-philosophy-content .about-section-home-two .content {margin-bottom:24px;}
 #main-content.dewford-philosophy-content .about-section-home-two .content .title {margin-bottom:14px;}
 #main-content.dewford-philosophy-content .about-section-home-two .content .text br {display:none;}
 #main-content.dewford-philosophy-content .dewford-philosophy-values {gap:8px;}
 #main-content.dewford-philosophy-content .about-block-home-two .inner-block {padding:20px 6px;border-radius:6px;box-shadow:none;}
 html body.dewford-philosophy-page #main-content .about-block-home-two .title {font-size:14px!important;overflow-wrap:anywhere;}
 #main-content.dewford-philosophy-content .about-block-home-two .title-box {gap:12px;}
}

/* Explicit two-card grid, independent of Bootstrap column breakpoints. */
#main-content.dewford-philosophy-content .services-section .dewford-services-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;}
#main-content.dewford-philosophy-content .dewford-services-grid > .service-block {width:auto;min-width:0;padding:0;margin:0;}
#main-content.dewford-philosophy-content .services-section .service-block .inner-box {margin:0;padding:28px;}
#main-content.dewford-philosophy-content .services-section .service-block .icon-box {margin-bottom:20px;}
#main-content.dewford-philosophy-content .services-section .service-block .btn-box {padding-top:20px;}
@media(min-width:1200px){
 #main-content.dewford-philosophy-content > .services-section {padding-top:80px;}
 #main-content.dewford-philosophy-content .services-section .dewford-section-heading {margin-bottom:36px;}
}
@media(max-width:767.98px){
 #main-content.dewford-philosophy-content .services-section .dewford-services-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
 #main-content.dewford-philosophy-content .services-section .service-block .inner-box {padding:24px;}
}

/* Service icons stay still; hover changes only their color. */
#main-content.dewford-philosophy-content .services-section .service-block .inner-box .icon-box,
#main-content.dewford-philosophy-content .services-section .service-block .inner-box .icon-box i {transform:none!important;animation:none!important;transition:color .22s ease;}

/* Keep service icons visible against the dark hover surface. */
#main-content.dewford-philosophy-content .services-section .service-block .inner-box:is(:hover,:focus-within,.active) .icon-box,
#main-content.dewford-philosophy-content .services-section .service-block .inner-box:is(:hover,:focus-within,.active) .icon-box i {color:#fff!important;}

/* Paint the icon above the animated card background, including its font glyph. */
#main-content.dewford-philosophy-content .services-section .service-block .inner-box .icon-box {position:relative;z-index:1;}
#main-content.dewford-philosophy-content .services-section .service-block .inner-box:is(:hover,:focus-within,.active) .icon-box i::before {color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* Preserve portrait photographs instead of cropping them into landscape cards. */
html body.dewford-subpage #main-content.dewford-philosophy-content .project-block-two .image {height:auto;aspect-ratio:auto;}
html body.dewford-subpage #main-content.dewford-philosophy-content .project-block-two .image a {display:block;height:auto;}
html body.dewford-subpage #main-content.dewford-philosophy-content .project-block-two .image img {display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain;}
html body.dewford-subpage #main-content.dewford-philosophy-content #communication .image a {transform:scaleX(-1);}
/* Brand purple replaces the black hover/active card background. */
html body.dewford-subpage #main-content.dewford-philosophy-content .services-section .service-block .inner-box::before {background-color:var(--id-color);}

/* Neutral learning journey surface with a brand-colored consultation button. */
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two {background-color:#f7f7f7;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two :is(.title,.title a,.sub-title,.text,.year-info,.categories-list,.categories-list p,.dewford-program-description) {color:var(--headings-color, #292929)!important;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .year-info {background-color:#e4e4e4;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .sec-title-style-three .text {border-color:#d6d6d6;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .sec-title-style-three .text::before {background-color:var(--headings-color, #292929);}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn {--button-surface:var(--id-color);background-color:var(--id-color)!important;border-color:var(--id-color)!important;color:#fff!important;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn :is(.btn-title,.icon,i) {color:#fff!important;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn::before {background-color:#3d1252!important;}

html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn:is(:hover,:focus-visible) {background-color:#fff!important;color:#000!important;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn:is(:hover,:focus-visible) :is(.btn-title,.icon,i,.dewford-korean-text) {color:#000!important;}
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .theme-btn::before {background-color:#fff!important;}

/* Align the second desktop photograph with the bottom of Vision. */
@media(min-width:1440px){
 #main-content.dewford-philosophy-content .dewford-philosophy-vision-image {align-self:end;}
}

/* Learning journey photos retain their original colors without a tint. */
html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .project-block-two .image::before {display:none;background:none;}

html body.dewford-subpage #main-content.dewford-philosophy-content .projects-section-two .project-block-two .image-box{width:70%;margin-inline:auto;}

/* Keep the quotation readable above the portrait at every screen size. */
#main-content.dewford-philosophy-content .dewford-philosophy-layout .dewford-philosophy-dewey-photo {position:relative;height:auto;min-height:0;aspect-ratio:2 / 3;background:#f7f4ed;}
#main-content.dewford-philosophy-content .dewford-philosophy-dewey-photo img {position:absolute;inset:0;object-position:center;}
#main-content.dewford-philosophy-content .dewford-dewey-quote {position:relative;z-index:1;padding:9% 9% 0;color:#493b35;text-align:left;}
#main-content.dewford-philosophy-content .dewford-dewey-quote blockquote {margin:0;padding:0;border:0;background:none;color:inherit;font-family:Georgia,serif;font-size:clamp(17px,1.5vw,24px);font-weight:400;line-height:1.4;}
#main-content.dewford-philosophy-content .dewford-dewey-quote cite {display:block;margin-top:12px;font-size:12px;font-style:normal;letter-spacing:.04em;}

/* Crop 20% from each side and the top, retaining the lower drawing crop. */
#main-content.dewford-philosophy-content .dewford-philosophy-layout .dewford-philosophy-vision-image .dewford-philosophy-teacher-photo {position:relative;overflow:hidden;height:auto;min-height:0;aspect-ratio:648 / 720;}
#main-content.dewford-philosophy-content .dewford-philosophy-layout .dewford-philosophy-vision-image .dewford-philosophy-teacher-photo img {position:absolute;inset:auto;top:-40%;left:-33.333333%;display:block;width:166.666667%;max-width:none;height:auto;object-fit:initial;transform:none;}

/* Keep service descriptions above the animated hover background. */
#main-content.dewford-philosophy-content .services-section .service-block .inner-box .content-box {position:relative;z-index:1;}
html body.dewford-subpage #main-content.dewford-philosophy-content .services-section .service-block .inner-box:is(:hover,:focus-within,.active) .content-box p {color:#fff!important;}