/* ==========================================================================
   STRENGTH DEN — inner pages (About · Services · Portfolio · Booth · Contact)
   Same system as the homepage: ivory / ink / forest green / brass, serif display.
   Scoped to html.sd-inner. Remove the <link> in server.js nav() to roll back.
   ========================================================================== */
html[data-theme].sd-inner:root{
  --ink:var(--c-ivory)!important;--navy:var(--c-paper)!important;--paper:var(--c-ink)!important;--muted:var(--c-muted)!important;--line:var(--c-rule)!important;
  --gold:var(--c-brass)!important;--gold2:var(--c-brass)!important;--blue:var(--c-brass)!important;--blue2:var(--c-brass)!important;
  --booth-paper:var(--c-ink);--booth-muted:var(--c-muted);--booth-blue:var(--c-brass);--booth-gold:var(--c-brass);--booth-line:var(--c-rule);--booth-ink:var(--c-ivory);
}
html[data-theme].sd-inner,html[data-theme].sd-inner body{background:var(--c-ivory)!important;color:var(--c-ink)!important}
html[data-theme].sd-inner body[data-page]{background:var(--c-ivory)!important}

/* ---- surfaces ---- */
html[data-theme].sd-inner :is(.about-editorial:not(.reverse),.contact-experience,.section:nth-of-type(odd),.portfolio-page,.portfolio-grid,.booth-page,.booth-capabilities,.booth-hero,.partner){background:var(--c-ivory)!important}
html[data-theme].sd-inner :is(.section:nth-of-type(even),.contact-band.alt,.partner,.about-editorial.alt){background:var(--c-stone)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta){background:var(--c-ink)!important}
html[data-theme].sd-inner :is(.about-timeline.cp-section,.booth-cta.booth-cta,section.about-timeline.cp-section){background:var(--c-green)!important}

/* default text colours by surface (blunt on purpose: source CSS hard-codes light text) */
html[data-theme].sd-inner :is(.about-editorial:not(.reverse),.contact-experience,.section,.portfolio-page,.portfolio-shell,.portfolio-grid,.booth-page .booth-hero,.booth-capabilities,.partner,.contact-band.alt){color:var(--c-ink)!important}
html[data-theme].sd-inner :is(.about-editorial:not(.reverse),.contact-experience,.section,.portfolio-shell,.portfolio-grid,.booth-hero,.booth-capabilities,.partner,.contact-band.alt) :is(h1,h2,h3,h4,strong,b,label){color:var(--c-ink)!important}
html[data-theme].sd-inner :is(.about-editorial:not(.reverse),.contact-experience,.section,.portfolio-shell,.portfolio-grid,.booth-hero,.booth-capabilities,.partner,.contact-band.alt) :is(p,li,small,.lead,.cp-lead,.booth-lead){color:var(--c-text2)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta){color:var(--c-ivory)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(h1,h2,h3,h4,strong,b){color:var(--c-ivory)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(p,li,small,.lead,.cp-lead,.booth-lead,span){color:#cfc8b8!important}

/* accents */
html[data-theme].sd-inner :is(.cp-eyebrow,.eyebrow,.booth-eyebrow,.portfolio-kicker,.portfolio-card-tag,.num,.proc-num,.cp-index,.cap .n,.booth-service-card>span,.booth-visual-index,.timeline-item time,.timeline-item .yr,a.booth-text-link,.portfolio-card-link){color:var(--c-brass)!important;font-family:"SD Sans","SD Arabic",sans-serif!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase;font-size:.74rem!important;background:none!important;border:0!important;padding:0!important;display:inline-flex;align-items:center;gap:14px;border-radius:0!important}
html[lang="ar"][data-theme].sd-inner :is(.cp-eyebrow,.eyebrow,.booth-eyebrow,.portfolio-kicker,.portfolio-card-tag){letter-spacing:.02em!important;text-transform:none;font-size:.9rem!important}
html[data-theme].sd-inner :is(.cp-eyebrow,.eyebrow,.booth-eyebrow,.portfolio-kicker)::before{content:"";width:44px;height:1px;background:currentColor;display:block;transform-origin:left;animation:sdLine 1.2s var(--ease) both}
html[dir="rtl"][data-theme].sd-inner :is(.cp-eyebrow,.eyebrow,.booth-eyebrow,.portfolio-kicker)::before{transform-origin:right}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(.cp-eyebrow,.eyebrow,.booth-eyebrow,.num,.proc-num,.cp-index,.portfolio-card-tag,a.booth-text-link){color:var(--c-brass-lt)!important}
@keyframes sdLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---- type ---- */
html[data-theme].sd-inner :is(h1,h2,.cp-hero h1){font-family:"SD Display",Georgia,serif!important;font-weight:300!important;letter-spacing:-.02em!important;line-height:1.05!important;text-transform:none!important}
html[data-theme].sd-inner :is(h1){font-size:clamp(2.8rem,6vw,5.6rem)!important}
html[data-theme].sd-inner :is(h2){font-size:clamp(2.1rem,4.2vw,3.8rem)!important}
html[data-theme].sd-inner :is(h3,h4){font-family:"SD Sans","SD Arabic",sans-serif!important;font-weight:600!important;letter-spacing:0!important}
html[lang="ar"][data-theme].sd-inner :is(h1,h2,h3,h4){font-family:"SD Arabic","Cairo",sans-serif!important;font-weight:600!important;letter-spacing:0!important;line-height:1.35!important}
html[data-theme].sd-inner :is(h1,h2) :is(em,.gold,.hl,span.gold,i){font-style:italic;color:var(--c-brass-lt)!important}
html[data-theme].sd-inner :is(.about-editorial:not(.reverse),.section,.portfolio-shell,.booth-hero,.booth-capabilities,.contact-experience) :is(h1,h2) :is(em,.gold,.hl,i){color:var(--c-brass)!important}
html[data-theme].sd-inner body,html[data-theme].sd-inner :is(p,li,input,textarea,select,button,a){font-family:"SD Sans","SD Arabic",system-ui,sans-serif}
html[lang="ar"][data-theme].sd-inner body{font-family:"SD Arabic","Cairo",sans-serif}

/* ---- hero ---- */
html[data-theme].sd-inner :is(.cp-hero,.hero){min-height:min(88vh,820px);position:relative;overflow:hidden;border-bottom:1px solid rgba(246,241,231,.12)}
html[data-theme].sd-inner :is(.cp-hero,.hero)::before{background:linear-gradient(90deg,rgba(17,21,28,.94) 0%,rgba(17,21,28,.78) 48%,rgba(17,21,28,.4) 100%)!important;opacity:1!important}
html[dir="rtl"][data-theme].sd-inner :is(.cp-hero,.hero)::before{background:linear-gradient(270deg,rgba(17,21,28,.94) 0%,rgba(17,21,28,.78) 48%,rgba(17,21,28,.4) 100%)!important}
html[data-theme].sd-inner .cp-orb{background:none!important;border:1px solid rgba(210,173,98,.4)!important;box-shadow:none!important;filter:none!important;animation:sdSpin 60s linear infinite}
html[data-theme].sd-inner .cp-orb-b{border-style:dashed!important;border-color:rgba(210,173,98,.25)!important;animation-duration:90s;animation-direction:reverse}
@keyframes sdSpin{to{transform:rotate(360deg)}}
html[data-theme].sd-inner :is(.cp-hero-inner,.hero-copy,.portfolio-hero,.booth-hero-copy)>*{animation:sdRise 1.1s var(--ease) both}
html[data-theme].sd-inner :is(.cp-hero-inner,.hero-copy,.portfolio-hero,.booth-hero-copy)>*:nth-child(2){animation-delay:.12s}
html[data-theme].sd-inner :is(.cp-hero-inner,.hero-copy,.portfolio-hero,.booth-hero-copy)>*:nth-child(3){animation-delay:.24s}
html[data-theme].sd-inner :is(.cp-hero-inner,.hero-copy,.portfolio-hero,.booth-hero-copy)>*:nth-child(4){animation-delay:.36s}
html[data-theme].sd-inner :is(.cp-hero-inner,.hero-copy,.portfolio-hero,.booth-hero-copy)>*:nth-child(n+5){animation-delay:.48s}
@keyframes sdRise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
html[data-theme].sd-inner :is(.hero-grid .stats,.stats)>*{animation:sdRise 1.2s .5s var(--ease) both}
html[data-theme].sd-inner .cp-scroll{color:var(--c-brass-lt)!important}

/* ---- cards: hairline, square, brass line draws on hover ---- */
html[data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box,.about-points>*,.contact-direct,.contact-aside,.project-form,.booth-case-facts div){
  background-color:var(--c-paper)!important;border:1px solid var(--c-rule)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
  background-image:linear-gradient(var(--c-brass),var(--c-brass));background-repeat:no-repeat;background-position:top left;background-size:0 2px;
  transition:transform .7s var(--ease),box-shadow .7s var(--ease),background-size .8s var(--ease),border-color .4s!important}
html[dir="rtl"][data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box){background-position:top right}
html[data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box):hover{transform:translateY(-8px);background-size:100% 2px;border-color:var(--c-brass)!important;box-shadow:0 34px 60px -34px rgba(17,21,28,.45)!important}
html[data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box) :is(h1,h2,h3,h4,strong,b){color:var(--c-ink)!important}
html[data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box) :is(p,li,small,span){color:var(--c-text2)!important}
html[data-theme].sd-inner :is(.cp-card,.cap,.process-card,.booth-service-card,.portfolio-card,.portfolio-download,.stat,.partner-box) :is(.num,.proc-num,.portfolio-card-tag,.portfolio-card-link,.cp-eyebrow,span.n){color:var(--c-brass)!important}
/* on dark surfaces, cards go glassy-dark */
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(.cp-card,.cap,.process-card,.portfolio-download,.stat,.partner-box,.booth-case-facts div){background-color:rgba(246,241,231,.045)!important;border-color:rgba(246,241,231,.2)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(.cp-card,.cap,.process-card,.portfolio-download,.stat,.partner-box,.booth-case-facts div) :is(h1,h2,h3,h4,strong,b){color:var(--c-ivory)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-editorial.reverse,.process,.portfolio-downloads,.booth-case,.contact-band:not(.alt),.about-timeline,.booth-cta) :is(.cp-card,.cap,.process-card,.portfolio-download,.stat,.partner-box,.booth-case-facts div) :is(p,li,small,span){color:#cfc8b8!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.about-timeline,.process,.booth-case,.booth-cta,.portfolio-downloads,.about-editorial.reverse) :is(.cp-card,.cap,.process-card,.portfolio-download,.stat,.partner-box,.booth-case-facts div) :is(.num,.proc-num,.portfolio-card-link){color:var(--c-brass-lt)!important}

/* ---- imagery ---- */
html[data-theme].sd-inner :is(.media,.portfolio-card-media,.booth-case-image,.booth-hero-visual,.editorial-media){border-radius:0!important;border:0!important;overflow:hidden;position:relative}
html[data-theme].sd-inner :is(.media,.portfolio-card-media,.booth-case-image,.booth-hero-visual) img,html[data-theme].sd-inner .editorial-media{transition:transform 1.6s var(--ease)!important}
html[data-theme].sd-inner :is(.media,.portfolio-card,.booth-case-image,.booth-hero-visual,.editorial-grid):hover :is(img){transform:scale(1.06)}
html[data-theme].sd-inner :is(.booth-hero-visual,.editorial-media){border-radius:22px!important;overflow:hidden!important}
html[data-theme].sd-inner :is(.booth-hero-visual,.editorial-media)::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--c-brass);pointer-events:none;border-radius:inherit}
html[data-theme].sd-inner .booth-orbit{border-color:rgba(166,124,46,.35)!important;animation:sdSpin 70s linear infinite}

/* ---- timeline ---- */
html[data-theme].sd-inner .timeline-line{border-inline-start:1px solid rgba(210,173,98,.55)!important}
html[data-theme].sd-inner .timeline-item{background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
html[data-theme].sd-inner .timeline-item:before{background:var(--c-brass-lt)!important;box-shadow:0 0 0 5px rgba(210,173,98,.2)!important;border-radius:0!important;transform:rotate(45deg)}
html[data-theme].sd-inner .timeline-item em{color:var(--c-brass-lt)!important;font-family:"SD Display",serif;font-style:italic;font-size:1rem}
html[data-theme].sd-inner .timeline-item h3{color:var(--c-ivory)!important}
html[data-theme].sd-inner .timeline-item p{color:#cfc8b8!important}

/* ---- forms (contact) ---- */
html[data-theme].sd-inner :is(input,textarea,select){background:var(--c-input)!important;color:var(--c-ink)!important;border:1px solid var(--c-line2)!important;border-radius:0!important;box-shadow:none!important;padding:14px 16px;transition:border-color .3s,box-shadow .4s var(--ease)}
html[data-theme].sd-inner :is(input,textarea,select):focus{outline:0!important;border-color:var(--c-brass)!important;box-shadow:0 0 0 3px rgba(166,124,46,.18)!important}
html[data-theme].sd-inner label{color:var(--c-ink)!important;font-weight:600;font-size:.86rem}
html[data-theme].sd-inner .project-form{background-color:var(--c-paper)!important;padding:clamp(24px,3vw,44px)}
html[data-theme].sd-inner :is(.cp-button,.cp-submit,.booth-button,.booth-button-primary){border-radius:0!important;background:var(--c-ink)!important;color:var(--c-ivory)!important;border:1px solid var(--c-ink)!important;font-weight:600!important;letter-spacing:.05em;padding:16px 30px!important;position:relative;overflow:hidden;isolation:isolate;box-shadow:none!important;transition:color .4s,border-color .4s!important}
html[data-theme].sd-inner :is(.cp-button,.cp-submit,.booth-button)::before{content:"";position:absolute;inset:0;background:var(--c-brass);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);z-index:-1}
html[data-theme].sd-inner :is(.cp-button,.cp-submit,.booth-button):hover::before{transform:scaleX(1)}
html[data-theme].sd-inner :is(.cp-button,.booth-button):hover{border-color:var(--c-brass)!important;color:#fff!important}
html[data-theme].sd-inner :is(.cp-button.ghost,.booth-button-secondary){background:transparent!important;color:var(--c-ink)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.booth-case,.booth-cta,.contact-band:not(.alt)) :is(.cp-button,.booth-button-primary,.btn-gold){background:var(--c-ivory)!important;color:var(--c-ink)!important;border-color:var(--c-ivory)!important}
html[data-theme].sd-inner :is(.cp-hero,.hero,.booth-case,.booth-cta,.contact-band:not(.alt)) :is(.cp-button.ghost,.booth-button-secondary){background:transparent!important;color:var(--c-ivory)!important;border-color:rgba(246,241,231,.6)!important}

/* ---- footer CTA ---- */
html[data-theme].sd-inner #sd-homepage-footer .home-cta{background:var(--c-ink)!important}
html[data-theme].sd-inner #sd-homepage-footer .cta-glow{background:radial-gradient(700px 380px at 50% 20%,rgba(210,173,98,.16),transparent 70%)!important}
html[data-theme].sd-inner #sd-homepage-footer :is(h2,h2 span){color:var(--c-ivory)!important}
html[data-theme].sd-inner #sd-homepage-footer h2 .gold{color:var(--c-brass-lt)!important}
html[data-theme].sd-inner #sd-homepage-footer :is(.cta-copy,.cbl,.eyebrow){color:#bdb6a6!important}
html[data-theme].sd-inner #sd-homepage-footer .eyebrow{color:var(--c-brass-lt)!important}
html[data-theme].sd-inner #sd-homepage-footer :is(.cb a){color:var(--c-ivory)!important}
html[data-theme].sd-inner #sd-homepage-footer .btn{background:var(--c-ivory)!important;color:var(--c-ink)!important;border-color:var(--c-ivory)!important}
html[data-theme].sd-inner #sd-homepage-footer footer{background:var(--c-ink)!important;color:#948d7d!important}
html[data-theme].sd-inner #sd-homepage-footer footer .logo{filter:none}

/* ---- scroll reveal for the pages' own .reveal ---- */
html[data-theme].sd-inner .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
html[data-theme].sd-inner .reveal.in{opacity:1;transform:none}
html[data-theme].sd-inner .reveal-delay-1{transition-delay:.1s}html[data-theme].sd-inner .reveal-delay-2{transition-delay:.2s}html[data-theme].sd-inner .reveal-delay-3{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){html[data-theme].sd-inner *{animation:none!important}html[data-theme].sd-inner .reveal{opacity:1;transform:none;transition:none}}

/* ---- fixes ---- */
html[data-theme].sd-inner .hero .stats{background:none!important;border:0!important;padding:0!important}
html[data-theme].sd-inner .service-progress{background:var(--c-brass)!important;height:2px!important}
html[data-theme].sd-inner .sdm-proc .proc-step{background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
html[data-theme].sd-inner .sdm-proc .proc-step :is(h3,.proc-num){color:var(--c-ivory)!important}
html[data-theme].sd-inner .sdm-proc .proc-step p{color:#cfc8b8!important}
html[data-theme].sd-inner .sdm-proc .proc-step .proc-num{color:var(--c-brass-lt)!important}
html[data-theme].sd-inner .sdm-proc{background:var(--c-ink)!important}
html[data-theme].sd-inner .sdm-proc-media,html[data-theme].sd-inner .sdm-booth{border-radius:0!important}
html[data-theme].sd-inner .contact-direct a{background:none!important;color:var(--c-ink)!important;border-top:1px solid var(--c-rule)!important;border-radius:0!important;padding:18px 0!important;transition:padding .5s var(--ease),color .3s}
html[data-theme].sd-inner .contact-direct a:hover{padding-inline-start:14px!important;color:var(--c-brass)!important}
html[data-theme].sd-inner .contact-direct a *{color:inherit!important}
html[data-theme].sd-inner .contact-aside{background-color:transparent!important;border:0!important;background-image:none!important;box-shadow:none!important}
html[data-theme].sd-inner .contact-actions :is(a,button){border-radius:0!important}
html[data-theme].sd-inner .portfolio-card{background-color:var(--c-paper)!important}
html[data-theme].sd-inner .portfolio-card-media{border-radius:0!important}
html[data-theme].sd-inner .portfolio-card-tag{background:var(--c-ink)!important;color:var(--c-ivory)!important;position:absolute;top:14px;inset-inline-start:14px;padding:6px 12px!important;letter-spacing:.14em!important;z-index:2}
html[data-theme].sd-inner .portfolio-hero-aside{border-inline-start:1px solid var(--c-brass)!important}
html[data-theme].sd-inner .portfolio-downloads{background:var(--c-ink)!important;border:0!important;border-radius:0!important}
html[data-theme].sd-inner .portfolio-download-icon{background:none!important;border:1px solid var(--c-brass-lt)!important;color:var(--c-brass-lt)!important;border-radius:0!important}
html[data-theme].sd-inner .portfolio-shell{padding-top:clamp(40px,6vw,90px)}
html[data-theme].sd-inner .booth-case{box-shadow:0 0 0 100vmax var(--c-ink);clip-path:inset(0 -100vmax)}
/* portfolio refinements */
html[data-theme].sd-inner .portfolio-card-body h2{font-size:clamp(1.35rem,1.9vw,1.75rem)!important;font-family:"SD Display",Georgia,serif!important;font-weight:400!important}
html[lang="ar"][data-theme].sd-inner .portfolio-card-body h2{font-family:"SD Arabic",sans-serif!important;font-weight:600!important}
html[data-theme].sd-inner .portfolio-card-tag{color:var(--c-ivory)!important;background:rgba(17,21,28,.88)!important;width:auto}
html[data-theme].sd-inner .portfolio-hero-aside,html[data-theme].sd-inner .portfolio-hero-aside *{color:var(--c-text2)!important;opacity:1!important}
html[data-theme].sd-inner .portfolio-hero h1{font-size:clamp(3.4rem,8vw,7rem)!important}
html[data-theme].sd-inner .portfolio-card-link{color:var(--c-brass)!important;letter-spacing:.14em!important}
html[data-theme].sd-inner .portfolio-card-body{background:none!important}
html[data-theme].sd-inner :is(.cp-button,.cp-submit,.booth-button){box-sizing:border-box;max-width:100%}