.dds-about-v204{--a:#08b6dc;--ink:#172940;--sub:#627286;overflow:hidden;color:var(--ink)}
.dds-about-v204 h1,.dds-about-v204 h2,.dds-about-v204 h3{letter-spacing:-.04em}
.dds-about-v204 .dds-about-kicker{text-transform:uppercase;letter-spacing:.2em;color:#059fc6;font-weight:800;font-size:11px;margin:0 0 14px}
.dds-about-intro{background:#f7fbfd}
.dds-about-intro-grid{display:grid;grid-template-columns:minmax(340px,43%) minmax(0,57%);max-width:1600px;margin:auto;min-height:550px}
.dds-about-intro-copy{position:relative;z-index:2;padding:clamp(48px,7vw,100px) 32px 65px max(32px,calc((100vw - 1160px)/2));background:linear-gradient(105deg,#fff 78%,rgba(255,255,255,.92));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.dds-about-intro-copy h1{font-size:clamp(3.5rem,5.5vw,6.4rem);line-height:1.02;font-weight:650;margin:0 0 17px}
.dds-about-intro-copy h1 span,.dds-about-founder-text h2 span,.dds-about-mission-v204 h2 span{color:var(--a)}
.dds-about-rule{width:70px;height:3px;background:var(--a);margin-bottom:14px}
.dds-about-lead{font-size:clamp(15px,1.4vw,18px);max-width:400px;line-height:1.6;margin:0 0 25px;color:var(--sub)}
.dds-about-architecture{display:grid;grid-template-columns:1fr 1fr;min-width:0;position:relative}
.dds-about-building{margin:0;position:relative;min-width:0;overflow:hidden}
.dds-about-building img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.88)}
.dds-about-building-porsche img{object-position:49% center}.dds-about-building-armani img{object-position:48% center}
.dds-about-building figcaption{position:absolute;bottom:22px;left:18px;right:18px;color:#fff;text-shadow:0 2px 12px #000c;font-size:13px;line-height:1.4;z-index:1}
.dds-about-building figcaption strong,.dds-about-building figcaption span{display:block}.dds-about-building figcaption span{font-size:11px}
.dds-about-building:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(9,26,42,.72));pointer-events:none}
.dds-about-founder-band{background:#fff;border-bottom:1px solid #e7edf2}
.dds-about-founder-inner{display:grid;grid-template-columns:230px minmax(0,1fr) 175px;gap:34px;align-items:center;padding-top:55px;padding-bottom:50px}
.dds-about-founder-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:8px;display:block}
.dds-about-founder-text h2{font-size:clamp(2rem,3.2vw,3rem);margin:0 0 5px}
.dds-about-role{font-size:13px;color:var(--ink);font-weight:700;margin:0 0 18px}.dds-about-role span{color:#9eafbb;padding:0 3px}
.dds-about-founder-bio p{font-size:14px;line-height:1.8;margin:0 0 10px;color:var(--sub)}
.dds-about-founder-credit{font-size:12px;margin:12px 0 0}
.dds-about-founder-stats{border-left:1px solid #e1eaf0;padding-left:25px;display:grid;gap:22px}
.dds-about-founder-stats strong{display:block;font-size:31px;line-height:1.1;color:var(--a)}.dds-about-founder-stats span{font-size:12px;line-height:1.5;color:var(--sub);display:block;margin-top:5px}
.dds-about-services{padding-top:65px;padding-bottom:70px}.dds-about-services h2,.dds-about-projects-v204 h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 27px}
.dds-about-services-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.dds-about-service{display:block;padding:8px 26px 8px 0;margin-right:26px;border-right:1px solid #e2eaf0}.dds-about-service:last-child{border:0;margin-right:0}
.dds-about-service-icon{display:block;width:48px;height:48px;margin-bottom:14px}.dds-about-service-icon svg{width:100%;height:100%;fill:none;stroke:var(--a);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dds-about-service h3{font-size:16px;margin:0 0 7px}.dds-about-service p{font-size:13px;line-height:1.6;margin:0;color:var(--sub)}
.dds-about-mission-v204{background:#0e2a41;color:#fff}.dds-about-mission-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:65px;padding-bottom:65px}
.dds-about-mission-v204 h2{color:#fff;font-size:clamp(2rem,3.1vw,3rem);margin:0 0 16px}.dds-about-mission-v204 p:not(.dds-about-kicker){color:#d0e0ea;font-size:15px;line-height:1.75;max-width:510px}.dds-about-mission-visual svg{display:block;width:100%;height:auto}
.dds-about-projects-v204{padding-top:65px;padding-bottom:65px}.dds-about-projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dds-about-projects-grid article{min-width:0}.dds-about-projects-grid img{width:100%;height:190px;object-fit:cover;border-radius:7px;display:block}.dds-about-projects-grid h3{font-size:15px;margin:12px 0 3px}.dds-about-projects-grid p{font-size:12px;margin:0;color:var(--sub)}
.dds-about-project-text{border-radius:7px;background:#f3f9fc;min-height:190px;padding:25px;display:flex;flex-direction:column;justify-content:end}.dds-about-project-text>span{font-size:42px;color:#b8dfe9;font-weight:700;margin-bottom:auto}.dds-about-project-text h3{margin-top:10px}.dds-about-project-disclaimer{font-size:12px;margin-top:22px}
@media(max-width:1000px){.dds-about-intro-grid{grid-template-columns:43% 57%}.dds-about-intro-copy{padding-left:30px}.dds-about-founder-inner{grid-template-columns:190px 1fr;gap:25px}.dds-about-founder-stats{grid-column:1/-1;display:flex;border-left:0;border-top:1px solid #e1eaf0;padding:20px 0 0;gap:60px}}
@media(max-width:700px){.dds-about-intro-grid{display:flex;flex-direction:column}.dds-about-intro-copy{padding:55px 22px 38px}.dds-about-intro-copy h1{font-size:clamp(3.1rem,12vw,5rem)}.dds-about-architecture{height:350px}.dds-about-building figcaption{font-size:11px;left:10px}.dds-about-founder-inner{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px}.dds-about-founder-photo{max-width:250px}.dds-about-founder-stats{grid-column:auto;gap:40px}.dds-about-services{padding-top:45px;padding-bottom:45px}.dds-about-services-grid{grid-template-columns:1fr 1fr;gap:24px}.dds-about-service{margin:0;padding:0 12px 0 0}.dds-about-service:nth-child(2){border:0}.dds-about-mission-inner{grid-template-columns:1fr;gap:15px;padding-top:45px;padding-bottom:35px}.dds-about-mission-visual{max-width:450px}.dds-about-projects-v204{padding-top:45px;padding-bottom:45px}.dds-about-projects-grid{grid-template-columns:1fr 1fr;gap:18px}.dds-about-projects-grid img{height:150px}.dds-about-project-text{min-height:150px;padding:15px}}
@media(max-width:400px){.dds-about-architecture{height:260px}.dds-about-services-grid{grid-template-columns:1fr}.dds-about-service{border:0;border-bottom:1px solid #e2eaf0;padding-bottom:15px}.dds-about-projects-grid{grid-template-columns:1fr 1fr}.dds-about-projects-grid img{height:120px}}


/* V2.0.5: isolated layout fixes for the About template. The parent theme and
   older About stylesheet/custom CSS must not collapse the hero columns. */
body.page-template-template-about-dds #content {display:block; width:100%; max-width:none; padding:0; margin:0;}
body.page-template-template-about-dds #content > #dds-about-page {display:block; width:100%; max-width:none; min-width:0; margin:0; padding:0; clear:both; overflow:hidden;}
body.page-template-template-about-dds #dds-about-page .dds-about-intro {display:block; width:100%; margin:0; padding:0;}
body.page-template-template-about-dds #dds-about-page .dds-about-intro-grid {display:grid; grid-template-columns:minmax(0,43%) minmax(0,57%); width:100%; max-width:1600px; min-width:0; min-height:540px; margin:0 auto; align-items:stretch;}
body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; width:auto; max-width:none; padding:65px clamp(24px,4vw,65px) 65px max(24px,calc((100vw - 1160px)/2)); background:linear-gradient(90deg,#fff 70%,#f9fcfe 100%); position:relative; z-index:1;}
body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy h1 {font-size:clamp(42px,4.4vw,76px); line-height:1.06; overflow-wrap:normal; word-break:normal; max-width:100%;}
body.page-template-template-about-dds #dds-about-page .dds-about-lead {width:100%; max-width:420px; overflow-wrap:normal; word-break:normal;}
body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy .button {width:auto; max-width:100%; white-space:normal;}
body.page-template-template-about-dds #dds-about-page .dds-about-architecture {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-width:0; width:100%; height:auto; min-height:540px; align-self:stretch;}
body.page-template-template-about-dds #dds-about-page .dds-about-building {position:relative; display:block; width:100%; height:100%; min-height:540px; margin:0; overflow:hidden;}
body.page-template-template-about-dds #dds-about-page .dds-about-building img {position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover;}
body.page-template-template-about-dds #dds-about-page .dds-about-building-porsche img {object-position:51% center;}
body.page-template-template-about-dds #dds-about-page .dds-about-building-armani img {object-position:52% center;}
body.page-template-template-about-dds #dds-about-page .dds-about-kicker {max-width:100%;}
@media (max-width: 900px) {
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-grid {grid-template-columns:minmax(0,46%) minmax(0,54%);}
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy {padding:50px 22px;}
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy h1 {font-size:clamp(38px,5.5vw,55px);}
}
@media (max-width: 700px) {
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-grid {display:flex; flex-direction:column; min-height:0;}
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy {width:100%; padding:48px 22px 40px;}
 body.page-template-template-about-dds #dds-about-page .dds-about-intro-copy h1 {font-size:clamp(42px,10vw,66px);}
 body.page-template-template-about-dds #dds-about-page .dds-about-architecture {height:340px; min-height:340px;}
 body.page-template-template-about-dds #dds-about-page .dds-about-building {min-height:340px;}
}
@media (max-width: 400px) {
 body.page-template-template-about-dds #dds-about-page .dds-about-architecture {height:270px; min-height:270px;}
 body.page-template-template-about-dds #dds-about-page .dds-about-building {min-height:270px;}
}

/* V2.0.6: completely rebuilt full-width hero. No grid inheritance from legacy About CSS. */
body.page-template-template-about-dds #dds-about-page .dds-about-hero-v206{position:relative!important;isolation:isolate;display:block!important;width:100%!important;max-width:none!important;min-height:690px!important;margin:0!important;padding:0!important;overflow:hidden;background:#eaf5fa;color:#132940}
#dds-about-page .dds-about-hero-skyline{position:absolute;inset:0;z-index:-3;display:grid;grid-template-columns:52% 48%;overflow:hidden}
#dds-about-page .dds-about-hero-porsche{background:url('dds-porsche-tower.webp') center 40%/cover no-repeat}
#dds-about-page .dds-about-hero-armani{background:url('dds-armani-casa.webp') center 38%/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 23%);margin-left:-16%;width:116%}
#dds-about-page .dds-about-hero-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 25%,rgba(255,255,255,.83) 39%,rgba(255,255,255,.26) 58%,rgba(255,255,255,0) 75%),linear-gradient(0deg,rgba(255,255,255,.86),transparent 21%)}
#dds-about-page .dds-about-hero-content{position:relative!important;z-index:2!important;box-sizing:border-box!important;width:min(610px,53%)!important;max-width:610px!important;min-width:0!important;margin:0!important;padding:55px 24px 240px max(30px,calc((100vw - 1160px)/2))!important;display:block!important;background:none!important}
#dds-about-page .dds-about-hero-content h1{font-size:clamp(50px,5.3vw,78px)!important;line-height:1.02!important;letter-spacing:-.055em!important;white-space:normal!important;word-break:normal!important;margin:0 0 18px!important;color:#132940!important}
#dds-about-page .dds-about-hero-content h1 span,#dds-about-page .dds-about-hero-founder h2 span{color:#08b6dc!important}
#dds-about-page .dds-about-hero-line{height:3px;width:72px;background:#08b6dc;margin:0 0 15px}
#dds-about-page .dds-about-hero-lead{font-size:16px!important;line-height:1.6!important;color:#40576d!important;max-width:420px!important;margin:0 0 18px!important;word-break:normal!important}
#dds-about-page .dds-about-hero-content .button{display:inline-block!important;max-width:100%!important;white-space:normal!important;font-size:14px!important;padding:12px 19px!important}
#dds-about-page .dds-about-hero-portrait{position:absolute!important;z-index:3!important;left:max(0px,calc((100vw - 1250px)/2))!important;bottom:0!important;width:205px!important;height:255px!important;max-width:none!important;object-fit:cover!important;object-position:top center!important;border-radius:12px 12px 0 0!important;box-shadow:0 0 35px #1233}
#dds-about-page .dds-about-hero-founder{position:absolute!important;z-index:3!important;left:max(230px,calc((100vw - 1250px)/2 + 230px))!important;bottom:24px!important;width:345px!important;max-width:calc(100% - 250px)!important;padding:16px 20px!important;border-radius:10px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px);box-shadow:0 10px 28px #16324b12}
#dds-about-page .dds-about-hero-founder .dds-about-kicker{font-size:10px!important;margin:0 0 3px!important}
#dds-about-page .dds-about-hero-founder h2{font-size:30px!important;margin:0 0 2px!important;line-height:1.15!important}
#dds-about-page .dds-about-hero-founder p{font-size:12px!important;line-height:1.5!important;margin:5px 0 0!important;color:#40576d!important}
#dds-about-page .dds-about-hero-founder .dds-about-hero-role{font-size:11px!important;font-weight:700!important;color:#132940!important}
#dds-about-page .dds-about-hero-project-labels{position:absolute;right:25px;bottom:16px;z-index:2;display:flex;gap:14px;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 8px #001c}
@media(max-width:850px){body.page-template-template-about-dds #dds-about-page .dds-about-hero-v206{min-height:760px!important}#dds-about-page .dds-about-hero-content{width:70%!important;padding-left:25px!important;padding-bottom:300px!important}#dds-about-page .dds-about-hero-veil{background:linear-gradient(90deg,#fffe 0%,#fffe 35%,#fff9 65%,#fff3 100%)}#dds-about-page .dds-about-hero-founder{left:240px!important}}
@media(max-width:600px){body.page-template-template-about-dds #dds-about-page .dds-about-hero-v206{min-height:860px!important}#dds-about-page .dds-about-hero-skyline{grid-template-columns:1fr 1fr;opacity:.72}#dds-about-page .dds-about-hero-veil{background:linear-gradient(180deg,#ffff 0%,#fffe 47%,#fff8 75%,#fff5 100%)}#dds-about-page .dds-about-hero-content{width:100%!important;max-width:none!important;padding:48px 22px 360px!important}#dds-about-page .dds-about-hero-content h1{font-size:clamp(45px,11vw,64px)!important}#dds-about-page .dds-about-hero-lead{font-size:15px!important}#dds-about-page .dds-about-hero-portrait{width:155px!important;height:215px!important;left:0!important}#dds-about-page .dds-about-hero-founder{left:165px!important;bottom:15px!important;max-width:calc(100% - 174px)!important;width:auto!important;padding:12px!important}#dds-about-page .dds-about-hero-founder h2{font-size:23px!important}#dds-about-page .dds-about-hero-founder p{font-size:11px!important}#dds-about-page .dds-about-hero-project-labels{display:none}}

/* V2.0.7: Consistent gallery cards with Media Library images. */
.dds-about-projects-grid .dds-about-project-placeholder{height:190px;border-radius:7px;background:#f3f9fc;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#b8dfe9}
.dds-about-project-placeholder span{font-size:42px;font-weight:700;line-height:1}
.dds-about-project-placeholder small{font-size:11px;color:#688398}
@media(max-width:700px){.dds-about-projects-grid .dds-about-project-placeholder{height:150px;padding:15px}}
@media(max-width:400px){.dds-about-projects-grid .dds-about-project-placeholder{height:120px}}
