/* DreamCodeV client-facing art direction.
   Preserves the approved astronaut hero and the dark original identity.
   Photographic concept samples are illustrative, not client case studies. */
:root{--portfolio-violet:#ae72fa;--portfolio-lilac:#dec7ff;--portfolio-navy:#0d1831;--portfolio-cyan:#7ad9ec;}
#services.section.services{padding-top:clamp(52px,6vw,94px)!important;position:relative}
#services .section-head{max-width:100%;align-items:end;gap:20px}
#services .section-head .eyebrow{color:#c69aef!important;letter-spacing:.2em}
#services .section-head h2{
 max-width:820px;font:700 clamp(36px,5vw,67px)/1.08 "Space Grotesk",system-ui,sans-serif!important;
 letter-spacing:-.062em!important;text-wrap:balance;color:#f8f3ff!important;margin-top:10px!important
}
#services .section-head h2 .type-accent,
#about .about-panel h2 .type-accent,
#contact.cta h2 .type-accent{
 color:#b983fa!important;background:linear-gradient(110deg,#e0c8ff 4%,#af73f9 47%,#70b7f0 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
#services .service-section-deck{
 max-width:590px;font:400 clamp(13px,1.4vw,17px)/1.65 "DM Sans",sans-serif;
 color:#bfb0cf;margin:10px 0 24px;letter-spacing:.001em
}
#services .service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
#services .service-card{
 --card-color:#8759db;
 position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
 min-width:0;min-height:290px!important;text-align:left!important;
 padding:24px 19px 21px!important;margin:0!important;
 border:1px solid rgba(179,131,230,.3)!important;border-radius:19px!important;
 background:#141021!important;
 box-shadow:inset 0 1px #ffffff2a,0 17px 35px #0005!important;
 cursor:pointer;transform:translateZ(0);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
#services .service-card:before{
 content:"";position:absolute;inset:0;z-index:-2;
 background:linear-gradient(180deg,rgba(10,8,22,.05) 0%,rgba(9,7,17,.25) 36%,rgba(7,4,15,.91) 91%),
 var(--card-photo,linear-gradient(145deg,#352247,#111124));
 background-position:center;background-size:cover;
 transform:scale(1.01);transition:transform .55s cubic-bezier(.2,.6,.1,1)!important;
}
#services .service-card:after{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(128deg,transparent 50%,color-mix(in srgb,var(--card-color),transparent 86%) 100%);
 pointer-events:none
}
#services .service-card:hover,#services .service-card:focus-visible,#services .service-card[aria-expanded="true"]{
 border-color:color-mix(in srgb,var(--card-color),#fff 38%)!important;
 transform:translateY(-4px)!important;
 box-shadow:0 23px 47px rgba(4,1,14,.72),0 0 24px color-mix(in srgb,var(--card-color),transparent 78%)!important;
}
#services .service-card:hover:before,#services .service-card[aria-expanded="true"]:before{transform:scale(1.07)}
#services .service-icon{display:none!important}
#services .service-card h3{
 font:700 clamp(18px,2.1vw,25px)/1.1 "Space Grotesk",sans-serif!important;
 letter-spacing:-.038em;color:#fcf7ff!important;margin:0 0 9px!important;
 text-shadow:0 4px 16px #0009;text-align:left!important;
}
#services .service-card p{
 color:#ded8e7!important;font:400 12px/1.53 "DM Sans",sans-serif!important;
 text-shadow:0 2px 10px #0009;text-align:left!important;
 margin:0!important;max-width:300px
}
#services .service-card .service-card-index{
 display:inline-flex;align-items:center;gap:7px;position:absolute;top:14px;left:16px;
 font:750 9px/1 "DM Sans",sans-serif;letter-spacing:.17em;color:#fff;
 text-shadow:0 2px 8px #0009;padding:7px 10px;border:1px solid rgba(255,255,255,.4);
 background:rgba(14,10,28,.5);backdrop-filter:blur(9px);border-radius:20px;
}
#services .service-card .service-card-index:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--card-color);box-shadow:0 0 9px var(--card-color)}
#services #branding{--card-color:#c783ee;--card-photo:url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=800&q=80")}
#services #design{--card-color:#c18cff;--card-photo:url("https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=800&q=80")}
#services #media{--card-color:#718eed;--card-photo:url("https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=800&q=80")}
#services #marketing{--card-color:#a686e4;--card-photo:url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80")}
#services #web{--card-color:#71cbd7;--card-photo:url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=800&q=80")}
#services #audio{--card-color:#d49ed6;--card-photo:url("https://images.unsplash.com/photo-1590602847861-f357a9332bbc?auto=format&fit=crop&w=800&q=80")}
#services #video{--card-color:#73b6e6;--card-photo:url("https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=800&q=80")}
#services #copywriting{--card-color:#c3a1ed;--card-photo:url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80")}
#services .service-detail-visual{overflow:hidden;border-radius:18px!important}
#services .premium-sample{
 margin:0!important;position:relative;isolation:isolate;display:flex;flex-direction:column;
 justify-content:space-between;overflow:hidden;width:100%;height:100%;min-height:345px;
 border-radius:16px;background:radial-gradient(circle at 75% 20%,#5a3c86,#0a0916 65%)!important;
 color:#fff!important;box-shadow:inset 0 1px #ffffff29;
}
#services .premium-sample-photo{position:absolute;inset:0;z-index:-2;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center!important;filter:saturate(.96) contrast(1.08)}
#services .premium-sample-edge{position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,rgba(11,9,22,.94) 0%,rgba(12,8,22,.52) 48%,rgba(11,7,23,.12) 100%),
 linear-gradient(0deg,rgba(4,3,11,.8),transparent 35%);}
#services .portfolio-brand .premium-sample-edge{background:linear-gradient(90deg,#080b20ec 0%,#160f3088 53%,#160e2224 100%),linear-gradient(0deg,#08091bb8,transparent 40%)}
#services .portfolio-design .premium-sample-edge{background:linear-gradient(90deg,#150e2cfc 0%,#301454a2 51%,#160a3224 90%),linear-gradient(0deg,#110b1bd1,transparent 38%)}
#services .portfolio-media .premium-sample-edge,#services .portfolio-video .premium-sample-edge{background:linear-gradient(90deg,#070a15ec 0%,#11152a55 64%,transparent 100%),linear-gradient(0deg,#060814c4,transparent 38%)}
#services .premium-sample-copy{display:flex;flex-direction:column;align-items:flex-start;gap:15px;
 padding:clamp(22px,5vw,45px);max-width:83%;position:relative;z-index:1}
#services .premium-sample-type{font:750 9px/1.45 "DM Sans",sans-serif;letter-spacing:.2em;
 border-left:2px solid #d19afa;padding-left:10px;color:#e3ceff}
#services .premium-sample-headline{font:820 clamp(28px,5.4vw,60px)/.95 "Space Grotesk",sans-serif;
 letter-spacing:-.07em;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.66);overflow-wrap:normal}
#services .premium-sample-copy small{font:500 clamp(10px,1.7vw,14px)/1.55 "DM Sans",sans-serif;
 color:#dfdaec;text-shadow:0 2px 12px #000c}
#services .premium-sample-caption{font:800 9px/1 "DM Sans",sans-serif;letter-spacing:.14em;
 padding:13px 17px;color:#d9d0e7;text-transform:uppercase;margin:0;position:relative;z-index:1}
#services .premium-sample-caption:before{content:"";display:inline-block;width:12px;height:1px;background:#bb86ea;vertical-align:middle;margin-right:10px}
#services .service-detail-title{font:700 clamp(22px,3vw,32px)/1.2 "Space Grotesk",sans-serif!important;letter-spacing:-.04em}
#about .about-panel{position:relative;overflow:hidden;border-color:rgba(147,87,207,.34)!important;
 background:radial-gradient(circle at 91% 17%,rgba(143,81,206,.2),transparent 44%),linear-gradient(140deg,#160b29,#0c0718)!important}
#about .about-panel:before{content:"";position:absolute;right:-90px;top:-60px;width:280px;height:280px;pointer-events:none;
 border:1px solid rgba(197,153,237,.2);border-radius:50%;box-shadow:0 0 0 31px rgba(202,129,255,.04),0 0 0 78px rgba(188,119,246,.03)}
#about .about-panel h2{position:relative;max-width:840px;color:#f7ebff!important;
 font:700 clamp(29px,4vw,52px)/1.09 "Space Grotesk",sans-serif!important;letter-spacing:-.057em!important}
#about .about-panel p:last-child{color:#c9bad6!important;font-size:clamp(13px,1.5vw,16px)!important;line-height:1.75!important;max-width:730px}
#contact.cta{position:relative;isolation:isolate;overflow:hidden;
 border:1px solid rgba(191,121,248,.47)!important;background:linear-gradient(115deg,#21113a,#371c58 62%,#281e4a)!important}
#contact.cta:before{content:"";position:absolute;z-index:-1;right:-18%;top:-80%;width:65%;height:220%;
 background:radial-gradient(ellipse,rgba(188,116,245,.22),transparent 65%);pointer-events:none}
#contact.cta h2{font:700 clamp(26px,3vw,43px)/1.1 "Space Grotesk",sans-serif!important;
 letter-spacing:-.05em!important;color:#fff!important}
#contact.cta p{color:#ddcde8!important;font-size:clamp(13px,1.4vw,16px)!important}
#contact.cta .btn.primary{background:linear-gradient(135deg,#b263fb,#8e3ae3)!important;color:#fff!important;
 box-shadow:0 9px 25px rgba(100,44,167,.42)}
@media(max-width:1120px){#services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #services .service-card{min-height:245px!important;padding:17px 13px!important}}
@media(max-width:780px){#services .section-head h2{font-size:clamp(30px,8vw,44px)!important}
 #services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #services .service-card{min-height:230px!important;padding:17px 14px!important}
 #services .service-card h3{font-size:clamp(17px,4.2vw,23px)!important}
 #services .service-card p{font-size:11px!important;line-height:1.43!important}
 #services .premium-sample{min-height:270px!important}
 #services .premium-sample-copy{max-width:92%;padding:24px!important;gap:11px!important}
 #services .premium-sample-headline{font-size:clamp(28px,7vw,43px)!important}
}
@media(max-width:400px){#services .service-grid{gap:9px!important}
 #services .service-card{min-height:213px!important;padding:14px 12px!important}
 #services .service-card h3{font-size:17px!important}
 #services .service-card p{font-size:10.5px!important}
 #services .premium-sample-headline{font-size:28px!important}
 #services .premium-sample-type{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){#services .service-card,#services .service-card:before{transition:none!important}}


/* Carry the same editorial rhythm through existing Originals, Journal and footer. */
#originals.section.originals{padding-top:clamp(50px,6vw,82px)!important}
#originals>.eyebrow{color:#cd9ef5!important;letter-spacing:.23em!important;font-size:10px!important}
#originals .tbt-feature{position:relative;overflow:hidden;isolation:isolate;
 border-color:rgba(159,100,201,.5)!important;
 background:radial-gradient(circle at 78% 25%,rgba(142,84,210,.14),transparent 45%),linear-gradient(135deg,#1a0c28,#0b0816)!important;
 box-shadow:0 22px 48px rgba(0,0,0,.37)!important}
#originals .tbt-copy h2{font:700 clamp(32px,5vw,67px)/.99 "Space Grotesk",sans-serif!important;letter-spacing:-.075em!important}
#originals .tbt-copy>strong{letter-spacing:.27em!important}
#originals .tbt-copy p{font-size:clamp(14px,1.8vw,20px)!important;letter-spacing:.035em}
#insights .studio-notes .section-head h2{font:700 clamp(29px,3.8vw,48px)/1.1 "Space Grotesk",sans-serif!important}
#insights .studio-note{border-color:rgba(163,95,220,.37)!important;box-shadow:inset 0 1px #ffffff15,0 10px 24px #0003!important}
#insights .studio-note:first-child{background:radial-gradient(circle at 100% 0%,rgba(111,70,190,.18),transparent 45%),linear-gradient(135deg,#160b26,#0a0714)!important}
#insights .studio-note:last-child{background:radial-gradient(circle at 100% 0%,rgba(56,112,195,.16),transparent 46%),linear-gradient(135deg,#0e1327,#080611)!important}
#insights .studio-note h3{font:700 clamp(20px,2vw,27px)/1.2 "Space Grotesk",sans-serif!important;letter-spacing:-.035em!important}
footer,.site-footer{border-top-color:rgba(178,99,228,.25)!important}