@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#252522;--cream:#faf8f4;--paper:#fffefa;--taupe:#b8a89a;--sand:#eee9e1;--olive:#777d65;--muted:#6b6964}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{max-width:1190px;margin:auto;padding:0 28px}.topbar{background:#262722;color:#eeeae3;text-align:center;font-size:12px;letter-spacing:.11em;padding:9px}.header{background:rgba(250,248,244,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #e9e4dc}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:27px;white-space:nowrap;letter-spacing:-.04em}.brand span{color:var(--olive)}.navlinks{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:600;letter-spacing:.01em}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--olive)}.partnerlink{border:1px solid #aaa694;padding:10px 13px;white-space:nowrap}.menu{display:none;background:transparent;border:1px solid #cfc8bc;padding:8px 12px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:700;color:var(--olive)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(48px,6.4vw,86px);margin:20px 0}h2{font-size:clamp(35px,4.5vw,57px);margin:15px 0 22px}h3{font-size:27px;margin:14px 0}p{color:var(--muted)}.lead{font-size:18px;max-width:590px}.hero{padding:78px 0 90px}.hero-grid,.split{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero-art{min-height:480px;background:linear-gradient(145deg,rgba(234,226,215,.12),rgba(74,76,60,.12)),url('sdg-hero-option4-v8.jpg') center/cover;position:relative}.hero-art:after{content:'THOUGHTFUL BY DESIGN';position:absolute;bottom:-19px;right:-20px;background:#e9e2d8;padding:22px 28px;letter-spacing:.2em;font-size:11px;color:#49453e}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.btn{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 22px;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer}.btn.alt{background:transparent;color:var(--ink)}.btn.olive{background:var(--olive);border-color:var(--olive)}.btn:hover{opacity:.83}.section{padding:90px 0}.section.light{background:var(--paper)}.section.sand{background:var(--sand)}.section.dark{background:#282a26;color:white}.section.dark p,.section.dark .eyebrow{color:#c6c6ba}.sectionhead{max-width:690px;margin-bottom:40px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tile{background:#fffefa;border:1px solid #e5ded5;padding:34px;min-height:240px}.tile .number{font-size:12px;color:var(--olive);letter-spacing:.2em}.tile p{font-size:14px}.tile a.textlink,.textlink{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;border-bottom:1px solid var(--olive);padding-bottom:4px}.feature-photo{min-height:440px;background:url('sdg-content-calendar-march-2027-v34.jpg') center/cover}.partner-photo{min-height:400px;background:linear-gradient(135deg,#d7d0c4,#898d79);display:grid;place-items:center;padding:36px}.partner-photo div{background:rgba(250,248,244,.92);padding:50px 36px;text-align:center;max-width:400px}.partner-photo strong{font-size:27px;letter-spacing:.03em}.small{font-size:13px}.pill{display:inline-block;background:#e5e7de;color:#454d39;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.price{font-family:'Playfair Display',Georgia,serif;font-size:44px;color:var(--ink);margin:15px 0}.price span{font:12px 'DM Sans',sans-serif;color:var(--muted)}.price-card{display:flex;flex-direction:column}.price-card ul{padding-left:18px;color:var(--muted);font-size:14px;flex:1}.price-card li{margin:10px 0}.price-card.featured{border-top:5px solid var(--olive)}.pagehero{padding:85px 0 65px;max-width:850px}.pagehero h1{font-size:clamp(48px,6vw,75px)}.faq details{border-bottom:1px solid #d7d0c7;padding:19px 0}.faq summary{cursor:pointer;font-weight:600}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:17px}.field label{font-size:12px;font-weight:700}.field input,.field textarea,.field select{padding:13px;background:#fff;border:1px solid #cfc9c0;border-radius:0;min-width:0}.field textarea{min-height:135px}.notice{font-size:12px;color:var(--muted)}.footer{background:#242622;color:#eeeae3;padding:65px 0 25px}.footer p,.footer a{color:#c5c3ba}.footer .brand{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-bottom{border-top:1px solid #494b43;margin-top:45px;padding-top:20px;font-size:12px;color:#aaa}.callout{padding:65px 0}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.divider{height:1px;background:#ded8ce;margin:28px 0}.two-brands{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brandcard{padding:55px 35px;background:#fdfbf7;border:1px solid #d8d2c9}.brandcard.tech{background:#e7e8e1}.brandcard h3{font-size:38px}.list-clean{padding-left:19px;color:var(--muted)}.list-clean li{margin-bottom:10px}.tagline{color:#c3c3b9;font-size:13px;letter-spacing:.07em}@media(max-width:1050px){.navlinks{gap:12px;font-size:11px}.brand{font-size:23px}.hero-grid,.split{gap:35px}}@media(max-width:800px){.menu{display:block}.nav{min-height:70px;flex-wrap:wrap}.navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:8px 0 20px;gap:0}.navlinks.open{display:flex}.navlinks a{padding:11px 4px;font-size:14px}.navlinks .partnerlink{margin-top:8px;padding:12px}.hero{padding:50px 0}.hero-grid,.split,.grid3,.grid2,.contact-grid,.footer-grid,.two-brands{grid-template-columns:1fr}.hero-art{min-height:310px}.hero-art:after{right:0}.section{padding:65px 0}.pagehero{padding:55px 0 35px}.feature-photo{min-height:290px}.footer-grid{gap:25px}.container{padding:0 20px}h1{font-size:50px}}

/* Coreshield Systems: distinct, high-contrast technology partner navigation */
.navlinks a.partnerlink{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#343b30;color:#fff;border:1px solid #343b30;padding:12px 17px;font-weight:700;letter-spacing:.015em;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.navlinks a.partnerlink:hover,.navlinks a.partnerlink:focus-visible,.navlinks a.partnerlink[aria-current=page]{background:#222720;color:#fff;box-shadow:0 4px 14px rgba(31,40,30,.17);transform:translateY(-1px)}
.partnerlink .shield-icon{width:15px;height:15px;display:inline-block;flex:none}
@media(max-width:800px){.navlinks a.partnerlink{margin-top:10px;padding:14px 16px;justify-content:center}}

/* Version 3: dedicated technology brand treatment and accessible inquiry feedback */
.coreshield-hero{border-left:4px solid #343b30;padding-left:42px;margin-top:35px;margin-bottom:35px;max-width:900px}
.tech-identity{display:inline-flex;align-items:center;gap:13px;background:#343b30;color:#fff;padding:15px 19px;margin-bottom:23px;font-size:15px;letter-spacing:.12em;line-height:1.2}
.tech-identity strong{font-weight:700}.tech-identity small{display:block;font-size:9px;letter-spacing:.2em;color:#d8dfd1;margin-top:7px}.tech-mark{display:flex;width:35px;height:35px}.tech-mark svg{width:100%;height:100%}
.form-status{font-size:13px;min-height:1.5em;margin:14px 0 0}.form-status.success{color:#2d5d36;font-weight:700}.form-status.error{color:#a23b30;font-weight:700}
.botcheck{position:absolute;left:-10000px;opacity:0;pointer-events:none}
button:disabled{opacity:.6;cursor:wait}
@media(max-width:800px){.coreshield-hero{padding-left:22px;margin-top:20px;margin-bottom:20px}.tech-identity{font-size:12px;padding:12px}}

/* Version 4: display the entire homepage photograph without cropping. */
.hero-art {
  background-image: linear-gradient(145deg,rgba(234,226,215,.08),rgba(74,76,60,.08)), url('sdg-hero-option4-v8.jpg');
  background-size: 100% 100%, contain;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-color: #eae3d9;
  aspect-ratio: 876 / 778;
  min-height: 0;
}
@media (max-width: 800px) {
  .hero-art { min-height: 0; width: 100%; }
}

/* Version 5: roomier homepage hero; show the complete image at its natural ratio. */
@media (min-width: 801px) {
  .hero > .container { max-width: 1390px; }
  .hero-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(24px, 3.2vw, 48px); }
  .hero-art { width: 100%; aspect-ratio: 876 / 778; min-height: 0; background-size: 100% 100%, 100% 100%; }
}
@media (max-width: 800px) {
  .hero-art { aspect-ratio: 876 / 778; min-height: 0; background-size: 100% 100%, 100% 100%; }
}

/* Version 7: correct stale Version 4 image override; keep image proportions. */
.hero-art { background-image: linear-gradient(145deg,rgba(234,226,215,.08),rgba(74,76,60,.08)),url("sdg-hero-option4-v8.jpg"); aspect-ratio:1140 / 1010; background-size:100% 100%,contain; background-position:center,center; background-repeat:no-repeat,no-repeat; }

/* V8: ensure correct hero image is used in all viewport sizes */
.hero-art { background-image: linear-gradient(145deg,rgba(234,226,215,.08),rgba(74,76,60,.08)),url("sdg-hero-option4-v8.jpg"); aspect-ratio:1140 / 1010; background-size:100% 100%,contain; background-position:center; background-repeat:no-repeat; }

/* V9: edge-to-edge original photograph with baked-in blurred margins removed. */
.hero-art { background-image: url("sdg-hero-option4-clean-v9.jpg") !important; background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important; }

/* V10: preserve the native photograph proportions without stretching or blur. */
.hero-art {
  background-image: url("sdg-hero-option4-clean-v9.jpg") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  aspect-ratio: 857 / 1010 !important;
  width: min(100%, 530px) !important;
  min-height: 0 !important;
  justify-self: center;
}
@media (max-width: 760px) {
  .hero-art { width: min(100%, 440px) !important; }
}

/* v11: consistent editorial navigation and fine-line icons */
.menu{color:var(--ink);border:0;background:transparent;padding:9px 2px;align-items:center;gap:11px;font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.045em;cursor:pointer;appearance:none;-webkit-appearance:none}
.menu-lines{width:19px;display:inline-flex;flex-direction:column;gap:5px;justify-content:center}
.menu-lines span{display:block;width:100%;height:1.5px;background:currentColor;transition:transform .2s ease}
.menu[aria-expanded="true"] .menu-lines span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu[aria-expanded="true"] .menu-lines span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.arrow-icon{display:inline-block;width:15px;height:15px;vertical-align:-2px;flex-shrink:0;margin-left:5px;color:inherit}
.btn .arrow-icon{width:16px;height:16px;vertical-align:-3px;margin-left:7px}
.partnerlink .arrow-icon,.textlink .arrow-icon{width:13px;height:13px}
@media(max-width:800px){.menu{display:inline-flex}}

/* v12: strictly compact inline arrows; protect button and nav geometry */
svg.arrow-icon, .btn svg.arrow-icon, .textlink svg.arrow-icon, .partnerlink svg.arrow-icon {width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;max-width:14px !important;max-height:14px !important;display:inline-block !important;position:static !important;vertical-align:middle !important;flex:0 0 14px !important;transform:none !important;object-fit:contain !important;}
.btn svg.arrow-icon {margin-left:7px !important;}
.textlink svg.arrow-icon,.partnerlink svg.arrow-icon {margin-left:4px !important;}
.btn {white-space:normal;}
.actions .btn {height:auto !important;min-height:0 !important;}

/* SDG brand meaning — v13 */
.sdg-pillars{background:#eeede7;padding:30px 0;text-align:center}
.sdg-pillars-inner{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,90px);flex-wrap:wrap}
.sdg-pillars-inner span{font-family:Georgia,serif;font-size:clamp(23px,3vw,36px);color:#536048;letter-spacing:-.025em}
.sdg-pillars p{margin:13px 0 0;color:#666a60;font-size:13px}
.sdg-meaning{background:#f3f0e9}
.sdg-meaning .tile .number{color:#687553}
.brand-meaning-footer{font-size:13px;letter-spacing:.08em;color:#b5bea8;margin:12px 0 6px}
@media(max-width:480px){.sdg-pillars{padding:23px 0}.sdg-pillars-inner{gap:12px}.sdg-pillars-inner span{font-size:21px}.sdg-pillars p{font-size:12px}}

/* v27: boutique home studio homepage hero (Unsplash / Thuan Tran). */
.hero-art { background-image: url("https://images.unsplash.com/photo-1759986452774-be47f7db2362?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000") !important; background-size: cover !important; background-position: center center !important; aspect-ratio: 4 / 5 !important; background-color: #eee8df !important; }

/* v28: approved SDG & Co. boutique home studio image, stored locally. */
.hero-art {
 background-image: url("sdg-boutique-home-studio-v28.jpg") !important;
 background-size: contain !important;
 background-position: center center !important;
 background-repeat: no-repeat !important;
 background-color: transparent !important;
 aspect-ratio: 3 / 2 !important;
 width: 100% !important;
 max-width: 680px;
}