/* MAKI MEDYA V9.18 | Atelier Light
   New premium visitor light theme built from scratch.
   Scope: only visitor light mode (html[data-maki-site-theme="light"]).
   Dark visitor theme and admin themes remain untouched.
*/
html[data-maki-site-theme="light"]{
  color-scheme:light;
  --al-bg:#f6f2ea;
  --al-bg-2:#f0ebe2;
  --al-paper:#fffdf8;
  --al-paper-2:#faf7f1;
  --al-ink:#22313a;
  --al-ink-2:#334651;
  --al-muted:#64737b;
  --al-soft:#87939a;
  --al-line:#d7d0c5;
  --al-line-strong:#c3bbaf;
  --al-accent:#7d8c5a;
  --al-accent-2:#af8e57;
  --al-accent-soft:#ecf1df;
  --al-cta:#304250;
  --al-cta-hover:#445b44;
  --al-dark:#162028;
  --al-shadow:0 18px 45px rgba(34,49,58,.10);
  --al-shadow-soft:0 10px 25px rgba(34,49,58,.08);
}
html[data-maki-site-theme="light"] body{
  background:var(--al-bg);
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] ::selection{background:var(--al-accent);color:#fff}
html[data-maki-site-theme="light"] :is(.site-header,.mobile-menu,.intro-section,.showcase-section,.process-section,.contact-section,footer,.site-footer,.foot,.shell){
  background:var(--al-bg);
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] .site-header{
  border-bottom:1px solid rgba(34,49,58,.10);
  background:rgba(246,242,234,.92);
  backdrop-filter:blur(16px);
}
html[data-maki-site-theme="light"] .mobile-menu{
  background:linear-gradient(180deg,#f7f3eb 0%,#f0ebe2 100%);
}
html[data-maki-site-theme="light"] :is(.wordmark,.nav-desktop a,.site-header .wordmark,.mobile-menu a,.section-label,.intro-heading,.big-heading,.process-list h3,.footer-logo,.footer-head,.contact-section h2,.top,.intro h1,.project h2,.project h3,.viewer-copy h2){
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] :is(.nav-desktop a,.mobile-menu a){opacity:.88}
html[data-maki-site-theme="light"] :is(.nav-desktop a:hover,.mobile-menu a:hover){color:var(--al-accent-2);opacity:1}
html[data-maki-site-theme="light"] :is(.section-label,.hero-overline,.eyeline,.kicker,.contact-small,.hero-domains span,.process-list>div>span,.hero-featured-meta-top,.v9-number,.v9-service>span,.viewer-copy .eyebrow,.project .eyebrow){
  color:var(--al-accent);
}
html[data-maki-site-theme="light"] :is(.section-label span:last-child,.hero-index,.hero-bottom,.hero-subrow p,.sec-top p,.intro-bottom p,.process-list p,.footer-line,.foot,.controls,.note,.work-info span,.v97-follow-line p,.v97-follow-line span,.v9-project p,.hero-featured-progress,.hero-featured-link,.hero-featured-labels small,.contact-bottom p,.viewer-copy p,.project p,.intro p){
  color:var(--al-muted)!important;
}
html[data-maki-site-theme="light"] :is(.intro-bottom,.v97-follow-line,.footer-line,.process-list>div,.filters,.work-info,.contact-bottom,.top,.hero-featured-heading,.hero-domains,.hero-bottom,.hero-ticker,.v97-footer-social,.v9-services,.v9-service,.project,.project-card,.card,.viewer button,.controls input){
  border-color:var(--al-line)!important;
}

/* Hero */
html[data-maki-site-theme="light"] .hero{
  background:linear-gradient(135deg,#f7f3eb 0%,#eee7dc 47%,#f8f4ed 100%);
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] .hero-media,
html[data-maki-site-theme="light"] .hero-overlay{
  background:transparent;
}
html[data-maki-site-theme="light"] .hero-media{opacity:.12}
html[data-maki-site-theme="light"] .hero-media img{
  filter:saturate(.45) contrast(1) brightness(1.05) blur(.2px);
}
html[data-maki-site-theme="light"] .hero-media::after{
  background:
    radial-gradient(circle at 74% 40%, rgba(125,140,90,.14), transparent 28%),
    radial-gradient(circle at 20% 20%, rgba(175,142,87,.08), transparent 25%),
    linear-gradient(90deg, rgba(247,243,235,.92) 8%, rgba(247,243,235,.66) 55%, rgba(247,243,235,.92) 100%),
    linear-gradient(180deg, rgba(247,243,235,.90), rgba(247,243,235,.96));
}
html[data-maki-site-theme="light"] .hero-overlay{
  background:linear-gradient(180deg,rgba(247,243,235,.18) 0%,rgba(247,243,235,.55) 72%,rgba(247,243,235,.94) 100%);
}
html[data-maki-site-theme="light"] :is(.hero-index,.hero-center,.hero-title,.hero-overline,.hero-subrow,.hero-featured,.hero-bottom){
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] .hero-title{
  text-shadow:none;
}
html[data-maki-site-theme="light"] .hero-title .outline{
  color:transparent!important;
  -webkit-text-stroke:1.4px #97a289!important;
}
html[data-maki-site-theme="light"] .hero-title .period{
  color:var(--al-accent)!important;
  -webkit-text-stroke:0!important;
}
html[data-maki-site-theme="light"] .hero-domains{
  background:rgba(255,253,248,.72)!important;
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(34,49,58,.12)!important;
  border-bottom:1px solid rgba(34,49,58,.10)!important;
  box-shadow:var(--al-shadow-soft);
}
html[data-maki-site-theme="light"] .hero-domains>a{
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] .hero-domains>a+a{border-left:1px solid rgba(34,49,58,.10)}
html[data-maki-site-theme="light"] .hero-domains>a:hover{
  background:rgba(125,140,90,.08);
  color:var(--al-ink);
}
html[data-maki-site-theme="light"] .hero-domains b{color:var(--al-ink)}
html[data-maki-site-theme="light"] .hero-domains i{color:var(--al-soft)}
html[data-maki-site-theme="light"] :is(.hero-bottom,.hero-ticker){
  background:rgba(247,243,235,.72);
  color:var(--al-muted);
}
html[data-maki-site-theme="light"] .hero-ticker{border-top:1px solid rgba(34,49,58,.10)!important}
html[data-maki-site-theme="light"] .hero-featured-card,
html[data-maki-site-theme="light"] .v9-project,
html[data-maki-site-theme="light"] .project,
html[data-maki-site-theme="light"] .project-card,
html[data-maki-site-theme="light"] .card{
  background:var(--al-paper);
  color:var(--al-ink);
  border:1px solid var(--al-line);
  box-shadow:var(--al-shadow);
}
html[data-maki-site-theme="light"] :is(.hero-featured-media,.v9-cover,.viewer){background:var(--al-dark)!important;color:#fff}
html[data-maki-site-theme="light"] .hero-featured-badge{
  color:var(--al-accent);
  border-color:#b8c49d;
  background:var(--al-accent-soft);
}
html[data-maki-site-theme="light"] .hero-featured-btn{
  background:var(--al-paper);
  color:var(--al-ink);
  border-color:var(--al-line);
}
html[data-maki-site-theme="light"] .hero-featured-btn:hover:not(:disabled){
  background:var(--al-ink);
  color:#fff;
}

/* Sections */
html[data-maki-site-theme="light"] .intro-section,
html[data-maki-site-theme="light"] .process-section,
html[data-maki-site-theme="light"] .contact-section{
  background:linear-gradient(180deg,var(--al-bg) 0%,var(--al-bg-2) 100%);
}
html[data-maki-site-theme="light"] .showcase-section{
  background:linear-gradient(180deg,#efeae1 0%, #f6f2ea 100%);
}
html[data-maki-site-theme="light"] .showcase-section .small-disc{background:var(--al-accent)}
html[data-maki-site-theme="light"] .expertise-panel{border-color:#2d3740}
html[data-maki-site-theme="light"] .expertise-panel :is(.expertise-top,.expertise-bottom,.expertise-bottom h3,.expertise-bottom p){color:#fff}
html[data-maki-site-theme="light"] .expertise-bottom h3 span{color:#e6e3c5}
html[data-maki-site-theme="light"] .interlude{
  background:#182129;
  color:#fff;
}
html[data-maki-site-theme="light"] .interlude::after{
  background:linear-gradient(90deg,rgba(24,33,41,.70),rgba(24,33,41,.18),rgba(24,33,41,.58));
}
html[data-maki-site-theme="light"] .interlude :is(.interlude-content,.interlude-content p,.corner-caption){color:#fff}
html[data-maki-site-theme="light"] .interlude-content em{-webkit-text-stroke:1px rgba(255,255,255,.88)}
html[data-maki-site-theme="light"] .filters{padding-top:24px}
html[data-maki-site-theme="light"] .filters button,
html[data-maki-site-theme="light"] .pill{
  background:transparent!important;
  color:var(--al-ink)!important;
  border:1px solid var(--al-line-strong)!important;
  box-shadow:none!important;
}
html[data-maki-site-theme="light"] .filters button:is(:hover,:focus-visible),
html[data-maki-site-theme="light"] .pill:is(:hover,:focus-visible),
html[data-maki-site-theme="light"] .filters button[aria-pressed="true"],
html[data-maki-site-theme="light"] .pill[aria-pressed="true"]{
  background:var(--al-ink)!important;
  color:#fff!important;
  border-color:var(--al-ink)!important;
}
html[data-maki-site-theme="light"] .work-image{background:#d8ddd9}
html[data-maki-site-theme="light"] .work-overlay{background:rgba(34,49,58,.84);color:#fff}
html[data-maki-site-theme="light"] .legal-note{color:var(--al-muted);border-top-color:var(--al-line)}
html[data-maki-site-theme="light"] .contact-section h2 em{
  color:transparent;
  -webkit-text-stroke:1.8px var(--al-ink);
}
html[data-maki-site-theme="light"] .brief input,
html[data-maki-site-theme="light"] .brief select,
html[data-maki-site-theme="light"] .brief textarea,
html[data-maki-site-theme="light"] .controls input{
  background:var(--al-paper);
  color:var(--al-ink);
  border:1px solid var(--al-line-strong);
  border-radius:10px;
}
html[data-maki-site-theme="light"] :is(input,textarea)::placeholder{color:var(--al-soft);opacity:1}
html[data-maki-site-theme="light"] :is(.brief label,.consent,.brief #formStatus){color:var(--al-ink)}

/* Footer / social */
html[data-maki-site-theme="light"] footer{
  background:linear-gradient(180deg,var(--al-bg) 0%, #f0ebe2 100%);
}
html[data-maki-site-theme="light"] .footer-logo span{color:var(--al-accent)}
html[data-maki-site-theme="light"] .v97-footer-social{
  border-bottom:1px solid var(--al-line)!important;
  gap:24px;
}
html[data-maki-site-theme="light"] .v97-footer-social-heading>span{
  color:var(--al-accent)!important;
  font-weight:800!important;
  letter-spacing:.16em;
}
html[data-maki-site-theme="light"] .v97-footer-social-heading>p,
html[data-maki-site-theme="light"] :is(.v97-follow-line p,.v97-follow-line>span){
  color:var(--al-muted)!important;
  opacity:1!important;
}
html[data-maki-site-theme="light"] :is(.v97-follow-line,.v97-footer-social,.v9-services,.v9-service){
  background:var(--al-paper);
  border-color:var(--al-line)!important;
}

/* Unified CTA system */
html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link){
  background:var(--al-cta)!important;
  color:#fff!important;
  border:1px solid var(--al-cta)!important;
  border-radius:999px!important;
  opacity:1!important;
  box-shadow:0 10px 24px rgba(34,49,58,.12)!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important;
  text-decoration:none!important;
}
html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link){
  min-height:48px;
  padding:12px 20px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-weight:700;
}
html[data-maki-site-theme="light"] :is(.round-arrow,.circle-link){
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
}
html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link):is(:hover,:focus-visible){
  background:var(--al-cta-hover)!important;
  color:#fff!important;
  border-color:var(--al-cta-hover)!important;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(34,49,58,.18)!important;
}
html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.contact-button,.brief button,.text-link,.round-arrow,.circle-link,.top .btn,.foot a,.v97-footer-social-link,.v97-follow-link) :is(span,svg,path,i){
  color:inherit!important;
  opacity:1!important;
}
html[data-maki-site-theme="light"] .maki-arrow-icon{width:17px!important;height:17px!important;flex-shrink:0;stroke:currentColor}
html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta){white-space:nowrap}
html[data-maki-site-theme="light"] .text-link span{margin-left:28px!important}
html[data-maki-site-theme="light"] .contact-button,.brief button{background:var(--al-dark)!important;border-color:var(--al-dark)!important}
html[data-maki-site-theme="light"] .contact-button:is(:hover,:focus-visible),
html[data-maki-site-theme="light"] .brief button:is(:hover,:focus-visible){background:var(--al-cta-hover)!important;border-color:var(--al-cta-hover)!important}

/* Portfolio / presentation */
html[data-maki-site-theme="light"] .shell{background:var(--al-bg);color:var(--al-ink)}
html[data-maki-site-theme="light"] .viewer{background:var(--al-dark);color:#f8f6f2}
html[data-maki-site-theme="light"] .viewer :is(.viewer-header,.viewer-bottom,.viewer-copy,.viewer-copy p,.viewer-copy h2,.viewer-copy span){color:#f8f6f2}
html[data-maki-site-theme="light"] .viewer button{color:#fff;background:#23303a;border:1px solid #5b6c75}
html[data-maki-site-theme="light"] .viewer :is(.screen,video){background:#0d1116}
html[data-maki-site-theme="light"] .intro h1{color:var(--al-ink);line-height:.99;letter-spacing:-.065em}

/* Focus */
html[data-maki-site-theme="light"] :is(a,button,input,textarea,select):focus-visible{
  outline:3px solid var(--al-accent)!important;
  outline-offset:3px;
}

/* Small screen */
@media(max-width:800px){
  html[data-maki-site-theme="light"] .hero-domains>a+a{border-left:0;border-top:1px solid rgba(34,49,58,.10)}
}
@media(max-width:650px){
  html[data-maki-site-theme="light"] .hero-title .outline{-webkit-text-stroke:1.05px #97a289!important}
  html[data-maki-site-theme="light"] .section-pad{padding-block:88px}
  html[data-maki-site-theme="light"] :is(.header-cta,.v97-hero-social,.maki-portfolio-cta,.v97-footer-social-link,.v97-follow-link){font-size:12px;max-width:100%}
  html[data-maki-site-theme="light"] :is(.round-arrow,.circle-link){width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){
  html[data-maki-site-theme="light"] :is(a,button){transition:none!important;transform:none!important}
}