.elementor-4348 .elementor-element.elementor-element-f70ae93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;bottom:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:170px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4348 .elementor-element.elementor-element-f70ae93:not(.elementor-motion-effects-element-type-background), .elementor-4348 .elementor-element.elementor-element-f70ae93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iambeinngself.com/wp-content/uploads/2020/11/top_bg_003.jpg");}.elementor-4348 .elementor-element.elementor-element-f1a60cd{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4348 .elementor-element.elementor-element-4fadd65 > .elementor-widget-container{margin:0px 0px 0px 150px;padding:0px 0px 0px 20px;}.elementor-4348 .elementor-element.elementor-element-4fadd65{text-align:center;}.elementor-4348 .elementor-element.elementor-element-4b0a69f{--spacer-size:15px;}.elementor-4348 .elementor-element.elementor-element-57bee7d > .elementor-widget-container{padding:0px 0px 0px 500px;}.elementor-4348 .elementor-element.elementor-element-57bee7d{font-family:"Noto Serif Thai", Sans-serif;font-size:16px;font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4348 .elementor-element.elementor-element-eed1ce3 > .elementor-widget-container{padding:0px 0px 0px 630px;}.elementor-4348 .elementor-element.elementor-element-eed1ce3 .elementor-heading-title{font-family:"Noto Serif Thai", Sans-serif;font-size:70px;font-weight:700;color:#131212;}.elementor-4348 .elementor-element.elementor-element-1d42015{--spacer-size:30px;}.elementor-4348 .elementor-element.elementor-element-2be5c15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-46b156e{--display:flex;}.elementor-4348 .elementor-element.elementor-element-4edd14b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4348 .elementor-element.elementor-element-1b795e0{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4348 .elementor-element.elementor-element-9527f7b > .elementor-widget-container{margin:-210px 0px 0px 0px;padding:0px 10px 0px 30px;}.elementor-4348 .elementor-element.elementor-element-9527f7b{text-align:left;}.elementor-4348 .elementor-element.elementor-element-9527f7b img{max-width:100%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:5px 5px 5px 5px;}.elementor-4348 .elementor-element.elementor-element-2d9a278{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:10px;--padding-right:15px;}.elementor-4348 .elementor-element.elementor-element-9d3cf1b > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-9d3cf1b{font-family:"Noto Serif Thai", Sans-serif;font-size:40px;font-weight:600;line-height:46px;}.elementor-4348 .elementor-element.elementor-element-035c0fa > .elementor-widget-container{margin:-40px 0px -10px 0px;padding:0px 05px 0px 5px;}.elementor-4348 .elementor-element.elementor-element-04a7ba4 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-04a7ba4{font-family:"Noto Serif Thai", Sans-serif;font-size:40px;font-weight:600;line-height:46px;}.elementor-4348 .elementor-element.elementor-element-ca111fd > .elementor-widget-container{margin:-45px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-4348 .elementor-element.elementor-element-ae19430{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4348 .elementor-element.elementor-element-b42dc65{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-4348 .elementor-element.elementor-element-b7ad40e > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 10px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-b7ad40e{font-family:"Noto Serif Thai", Sans-serif;font-size:40px;font-weight:600;line-height:46px;}.elementor-4348 .elementor-element.elementor-element-35750b3 > .elementor-widget-container{margin:-45px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-4348 .elementor-element.elementor-element-5f6098f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-4348 .elementor-element.elementor-element-ec95fd3 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-ec95fd3{font-family:"Noto Serif Thai", Sans-serif;font-size:40px;font-weight:600;line-height:46px;}.elementor-4348 .elementor-element.elementor-element-e5858e6 > .elementor-widget-container{margin:-45px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-4348 .elementor-element.elementor-element-a951f22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4348 .elementor-element.elementor-element-2eead05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-2eead05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4348 .elementor-element.elementor-element-23bbfcf > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-4348 .elementor-element.elementor-element-ab5ec30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-ab5ec30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4348 .elementor-element.elementor-element-b13a487{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-b13a487.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4348 .elementor-element.elementor-element-e1244b7 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-4348 .elementor-element.elementor-element-ad99e75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-f2f59d6{--spacer-size:30px;}.elementor-4348 .elementor-element.elementor-element-8ae11ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-60c54fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4348 .elementor-element.elementor-element-9cab57e{--display:flex;}.elementor-4348 .elementor-element.elementor-element-6a1c18d > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 10px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-6a1c18d{text-align:center;font-family:"Noto Serif Thai", Sans-serif;font-size:40px;font-weight:600;line-height:46px;}.elementor-4348 .elementor-element.elementor-element-7fd7adc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:none;--border-style:none;}.elementor-4348 .elementor-element.elementor-element-91f6509{--display:flex;border-style:double;--border-style:double;border-width:1px 3px 1px 3px;--border-top-width:1px;--border-right-width:3px;--border-bottom-width:1px;--border-left-width:3px;--border-radius:0px 25px 0px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:-5px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-91f6509:not(.elementor-motion-effects-element-type-background), .elementor-4348 .elementor-element.elementor-element-91f6509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5F5;}.elementor-4348 .elementor-element.elementor-element-f846e8b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-f846e8b{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-4348 .elementor-element.elementor-element-48aee2e > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 5px 0px 5px;}.elementor-4348 .elementor-element.elementor-element-ad28d1c{--display:flex;border-style:double;--border-style:double;border-width:1px 3px 1px 3px;--border-top-width:1px;--border-right-width:3px;--border-bottom-width:1px;--border-left-width:3px;--border-radius:0px 25px 0px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.02);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-ad28d1c:not(.elementor-motion-effects-element-type-background), .elementor-4348 .elementor-element.elementor-element-ad28d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5F5;}.elementor-4348 .elementor-element.elementor-element-4142dcc > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 05px 0px 05px;}.elementor-4348 .elementor-element.elementor-element-39a9e15{--display:flex;border-style:double;--border-style:double;border-width:1px 3px 1px 3px;--border-top-width:1px;--border-right-width:3px;--border-bottom-width:1px;--border-left-width:3px;--border-radius:0px 25px 0px 25px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.02);--margin-top:0px;--margin-bottom:0px;--margin-left:7px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-39a9e15:not(.elementor-motion-effects-element-type-background), .elementor-4348 .elementor-element.elementor-element-39a9e15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5F5;}.elementor-4348 .elementor-element.elementor-element-bc315f1 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 05px 0px 05px;}.elementor-4348 .elementor-element.elementor-element-f96f00e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4348 .elementor-element.elementor-element-09ee0aa{--spacer-size:50px;}.elementor-4348 .elementor-element.elementor-element-dc76703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4348 .elementor-element.elementor-element-dc76703:not(.elementor-motion-effects-element-type-background), .elementor-4348 .elementor-element.elementor-element-dc76703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE9;}.elementor-4348 .elementor-element.elementor-element-c9930c6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4348 .elementor-element.elementor-element-cc343ae{--spacer-size:50px;}.elementor-4348 .elementor-element.elementor-element-d174856 >.elementor-widget-container{height:119px;}.elementor-4348 .elementor-element.elementor-element-d174856{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-4348 .elementor-element.elementor-element-99caa05 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 120px 0px 120px;}.elementor-4348 .elementor-element.elementor-element-99caa05{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4348 .elementor-element.elementor-element-da5153a .elementor-button{font-family:"Namdhinggo", Sans-serif;font-size:25px;font-weight:400;border-radius:7px 7px 7px 7px;}.elementor-4348 .elementor-element.elementor-element-ebd045f{--spacer-size:50px;}@media(min-width:768px){.elementor-4348 .elementor-element.elementor-element-2eead05{--width:33.319%;}.elementor-4348 .elementor-element.elementor-element-ab5ec30{--width:33.193%;}.elementor-4348 .elementor-element.elementor-element-b13a487{--width:33.319%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4348 .elementor-element.elementor-element-eed1ce3 .elementor-heading-title{font-size:40px;}.elementor-4348 .elementor-element.elementor-element-4edd14b{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4348 .elementor-element.elementor-element-ae19430{--grid-auto-flow:row;}.elementor-4348 .elementor-element.elementor-element-7fd7adc{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-4348 .elementor-element.elementor-element-f70ae93{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4348 .elementor-element.elementor-element-57bee7d > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-4348 .elementor-element.elementor-element-57bee7d{font-size:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4348 .elementor-element.elementor-element-eed1ce3 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-4348 .elementor-element.elementor-element-4edd14b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-4348 .elementor-element.elementor-element-1b795e0{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4348 .elementor-element.elementor-element-9527f7b > .elementor-widget-container{margin:-82px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-04a7ba4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-ae19430{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4348 .elementor-element.elementor-element-ec95fd3 > .elementor-widget-container{margin:-90px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-e5858e6 > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-8ae11ed{--margin-top:29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4348 .elementor-element.elementor-element-7fd7adc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4348 .elementor-element.elementor-element-91f6509{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:5px;--padding-bottom:05px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-f846e8b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4348 .elementor-element.elementor-element-ad28d1c{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-39a9e15{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-4348 .elementor-element.elementor-element-d174856 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 40px 0px 40px;}.elementor-4348 .elementor-element.elementor-element-d174856{top:-23px;left:0px;text-align:center;}.elementor-4348 .elementor-element.elementor-element-d174856 p{margin-block-end:0px;}.elementor-4348 .elementor-element.elementor-element-17e09c8{text-align:center;}.elementor-4348 .elementor-element.elementor-element-99caa05 > .elementor-widget-container{padding:0px 40px 0px 40px;}.elementor-4348 .elementor-element.elementor-element-99caa05{text-align:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-f70ae93 *//* ================================
   About page – modern layout
   HOW TO USE (no HTML needed here):
   - Give the whole section the CSS ID: about-modern
   - Put the left image and right content in a parent container with class: about-hero
     • Add class "hero-photo" to the left column/container (holds the image)
     • Add class "hero-content" to the right column/container (heading + text)
     • Optional small label in right side: add class "eyebrow" to a text widget
   - Wrap the three info blocks (Vision / Approach / Mission) in a container with class: about-cards
     • Each block/card gets class: card
   ================================= */

/* Panel */
#about-modern{
  --bg: #fbf8f4;
  --ink: #222;
  --muted: #444;
  --heading: #111;
  --accent: #7c3aed;        /* purple accent */
  --radius: 16px;
  --pad: clamp(24px, 5vw, 56px);
  --gap: clamp(16px, 3vw, 32px);
  background: var(--bg);
  color: var(--ink);
  border-radius: var(--radius);
  padding: var(--pad);
}

/* ---------- HERO ROW ---------- */
#about-modern .about-hero{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  align-items: center;
  margin-bottom: clamp(28px, 6vw, 48px);
}

/* left image */
#about-modern .hero-photo img{
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 12px 35px rgba(0,0,0,.12);
  display: block;
}

/* right content card */
#about-modern .hero-content{
  background: linear-gradient(135deg, #e8eaf6 0%, #ede7f6 100%);
  padding: clamp(18px, 3.2vw, 28px);
  border-radius: 14px;
}

/* typography */
#about-modern .eyebrow{
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  font-size: .85rem;
  color: var(--accent);
  margin-bottom: .35rem;
}

#about-modern .hero-content h2{
  margin: 0 0 .8rem 0;
  font-weight: 800;
  color: var(--heading);
  line-height: 1.1;
  letter-spacing: -.01em;
  font-size: clamp(28px, 3.6vw, 44px);
}

#about-modern .hero-content p{
  margin: 0 0 1rem 0;
  line-height: 1.75;
  color: var(--muted);
  font-size: clamp(16px, .25vw + .9rem, 18px);
}

/* ---------- CARDS GRID ---------- */
#about-modern .about-cards{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
}

/* place three cards responsively (4/12 each on desktop) */
#about-modern .about-cards .card{
  grid-column: span 4;
  background: #fff;
  border-radius: 14px;
  padding: clamp(18px, 3.2vw, 26px);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

#about-modern .about-cards .card:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

#about-modern .about-cards .card h3{
  margin: 0 0 .6rem;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: var(--heading);
  letter-spacing: -.01em;
}

#about-modern .about-cards .card p{
  margin: 0;
  line-height: 1.7;
  color: var(--ink);
  font-size: clamp(16px, .25vw + .85rem, 18px);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px){
  #about-modern .about-hero{
    grid-template-columns: 1fr;
  }
  #about-modern .hero-photo img{
    max-height: 420px;
  }
  #about-modern .about-cards .card{
    grid-column: span 6; /* two per row */
  }
}

@media (max-width: 640px){
  #about-modern{
    --pad: 20px;
  }
  #about-modern .about-cards{
    gap: clamp(14px, 4vw, 18px);
  }
  #about-modern .about-cards .card{
    grid-column: 1 / -1; /* single column */
  }
}/* End custom CSS */