html:has(body.home-light){background:#F6F6F6}
body.home-light{background:#F6F6F6}
/* ==========================================================================
   ANA SAYFA · AÇIK TON (26 Eylül 2026) — v2: zemin İşler ile aynı #F6F6F6
   Açılış ile son bölüm aynı zeminde: işler (kaydırmalı kapı), yetenekler ve
   iletişim açılıştaki washi zemine geçer. Koyu kalan tek an koi sahnesi.
   Düzen, animasyonlar ve i18n aynen korunur; yalnızca renkler değişir.
   body.home-light ile çalışır.
   ========================================================================== */
body.home-light{
  --washi:#F6F6F6; --washi-2:#EDEDED;
  --hl-bg:#F6F6F6; --hl-ink:#0E0D0B; --hl-ink2:#3A352F; --hl-ink3:#5F584E;
  --hl-line:rgba(14,13,11,.12); --hl-line2:rgba(14,13,11,.22);
}

/* ---- işler + yetenekler ---- */
body.home-light .sec-craft{background:var(--hl-bg)!important;color:var(--hl-ink)}
body.home-light .sec-craft::after{background:linear-gradient(to bottom,rgba(246,246,246,0) 0%,rgba(246,246,246,.72) 55%,var(--hl-bg) 100%)}
body.home-light .wse-line{background:rgba(14,13,11,.18)}
body.home-light .wse-kanji{color:var(--shu,#B80000)}
body.home-light .craft-title{color:var(--hl-ink)}
body.home-light .craft-desc{color:var(--hl-ink3)}

/* kaydırmalı kapı: sahne görseldir, koyu kalır; altındaki yazılar koyulaşır */
body.home-light .gateway-footer{border-bottom-color:var(--hl-line2)}
body.home-light .gateway-number{color:var(--hl-ink3)}
body.home-light .gateway-title{color:var(--hl-ink2)}
body.home-light .gateway-play{color:var(--hl-ink3)}
body.home-light .gateway-play:hover{color:var(--hl-ink)}
body.home-light .gateway-position::-webkit-slider-runnable-track{background:#CFC8BC}
body.home-light .gateway-position::-moz-range-track{background:#CFC8BC}
body.home-light .gateway-stage{box-shadow:0 30px 60px -38px rgba(14,13,11,.55)}

/* yetenekler listesi */
body.home-light .cap-list{border-top-color:var(--hl-line)}
body.home-light .cap-row{border-bottom-color:rgba(14,13,11,.09)}
body.home-light .cap-row:hover{background:rgba(14,13,11,.035)!important}
body.home-light .cap-name{color:var(--hl-ink)}
body.home-light .cap-desc{color:var(--hl-ink2)}

/* ---- iletişim ---- */
body.home-light footer#contact{background:var(--hl-bg)!important;color:var(--hl-ink)}
body.home-light .foot-big{color:var(--hl-ink)}
body.home-light .foot-kanal .kanal{border-color:var(--hl-line2)!important;background:rgba(255,255,255,.55)!important;color:var(--hl-ink)}
body.home-light .foot-kanal .kanal::before{border-color:var(--hl-line)}
body.home-light .foot-kanal .kanal b{color:var(--hl-ink)}
body.home-light .foot-kanal .kanal i{color:var(--hl-ink3)}
body.home-light .foot-kanal .kanal:hover,body.home-light .foot-kanal .kanal:focus-visible{border-color:var(--shu,#B80000)!important;background:#fff!important}
body.home-light .foot-kanal .kanal:hover .kanal-ok::after,body.home-light .foot-kanal .kanal:focus-visible .kanal-ok::after{color:#fff}
body.home-light .kanal--wa svg{color:#2E9E5B}
body.home-light .kanal--mail svg{color:#9C7A3C}
body.home-light .kanal--cv svg{color:var(--hl-ink2)}
body.home-light .social-card{background:none!important}
body.home-light .social-card span{color:var(--hl-ink3);border-bottom-color:var(--hl-line2)}
body.home-light .social-card:hover span{color:var(--hl-ink);border-bottom-color:var(--hl-ink)}
body.home-light .social-card i,body.home-light .social-card svg{color:var(--hl-ink2)}
body.home-light .foot-row{color:var(--hl-ink3)}
body.home-light .foot-row::before{background:var(--hl-line2)}
body.home-light .foot-row .year{color:var(--hl-ink)}
body.home-light .foot-mail{color:var(--hl-ink)}
body.home-light .foot-mail::after{background:var(--hl-ink)}
/* çiçek ve koi eskizi: açık zeminde koyu çizgi */
body.home-light .lily-bloom #lStem{stroke:rgba(14,13,11,.45)}
body.home-light .lily-bloom .lLeaf{stroke:rgba(14,13,11,.34)}
body.home-light .koi-sketch svg [stroke="var(--washi)"]{stroke:rgba(14,13,11,.55)}
/* oto cihazı krem zeminde kaybolmasın */
body.home-light .pet-device{filter:drop-shadow(0 26px 34px rgba(14,13,11,.22)) drop-shadow(0 4px 8px rgba(14,13,11,.12))}
/* açılış sonrası açık bölümlerde üst çubuk zemin alır, yazının üstüne binmez */
body.home-light nav.on-cs{background:rgba(246,246,246,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(14,13,11,.08);padding-top:18px;padding-bottom:18px;transition:color .4s ease,background .3s ease,padding .3s ease}
@media (max-width:700px){body.home-light nav.on-cs{padding-top:14px;padding-bottom:14px}}

/* ---- v2: açılış da aynı gri; kremle karışan degradeler ---- */
body.home-light .light-zone{background:var(--hl-bg)}
body.home-light .hero-pond .pg-overlay{background:
  linear-gradient(to bottom,var(--hl-bg) 0%,var(--hl-bg) 24%,rgba(246,246,246,.58) 38%,rgba(246,246,246,.04) 62%,rgba(246,246,246,.42) 92%,var(--hl-bg) 100%),
  radial-gradient(ellipse 72% 58% at 50% 76%,transparent 0%,var(--hl-bg) 100%)!important}
body.home-light #koiTrack::before{background:linear-gradient(to bottom,var(--hl-bg),transparent)}

/* Single visual entry to the work catalogue. */
.work-vitrine{position:relative;margin:24px 0 0;--wv-height:clamp(230px,30vw,390px)}
.wv-link{display:block;color:var(--hl-ink);text-decoration:none;border-radius:16px}
.wv-window{display:block;overflow:hidden;border-radius:16px;background:#e8e8e8;isolation:isolate}
.wv-track{display:flex;width:max-content;animation:work-flow 54s linear infinite;animation-play-state:paused;will-change:transform}
.work-vitrine.is-running .wv-track{animation-play-state:running}
.wv-group{display:flex;flex:none;gap:6px;padding-right:6px}
.wv-frame{display:block;flex:none;width:calc(var(--wv-height)*1.33333);height:var(--wv-height);overflow:hidden}
.wv-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:none!important;pointer-events:none}
.wv-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 2px;border-bottom:1px solid var(--hl-line2);font:500 18px/1.3 'DM Sans',sans-serif}
.wv-caption>span:last-child{color:var(--shu,#b80000);font-size:26px;transition:transform .2s}
.wv-link:hover .wv-caption>span:last-child{transform:translate(3px,-3px)}
.wv-link:focus-visible{outline:2px solid var(--shu,#b80000);outline-offset:6px}
.wv-pause{position:absolute;right:14px;top:calc(var(--wv-height) - 58px);width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#111d;color:#fff;font:18px/1 sans-serif;cursor:pointer}
.wv-pause[hidden]{display:none}.wv-pause:focus-visible{outline:3px solid var(--shu,#b80000);outline-offset:3px}
@keyframes work-flow{to{transform:translateX(-50%)}}
@media(max-width:700px){.work-vitrine{--wv-height:240px;margin-top:18px}.wv-window{border-radius:12px}.wv-caption{font-size:16px;padding:16px 2px}}
@media(prefers-reduced-motion:reduce){.wv-track{animation:none;will-change:auto}.wv-pause{display:none}}

/* ---- v2: arka planda göz yormayan partiküller (home-ambient.js) ---- */
.hl-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
body.home-light .sec-craft .craft-inner,body.home-light footer#contact .foot-content{position:relative;z-index:3}
@media (prefers-reduced-motion:reduce){.hl-ambient{display:none}}
body.home-light nav.on-cs .nav-right{background:none!important;box-shadow:none!important;border-color:transparent!important}
body.home-light nav.on-cs .nav-right::before{display:none}

/* Readable fallback before the section observer's first update. */
body.home-light>nav{color:var(--hl-ink)}
body.home-light>nav .lang-switch button{color:var(--hl-ink3)}
body.home-light>nav .lang-switch button.active{color:var(--hl-ink)}
body.home-light.dark-zone>nav:not(.on-light){color:var(--washi)}
body.home-light.dark-zone>nav:not(.on-light) .lang-switch button{color:#c9c9c9}
body.home-light.dark-zone>nav:not(.on-light) .lang-switch button.active{color:var(--washi)}

/* Mobilde üst menünün zemini, bölüm geçişinden bağımsız okunabilir kalır. */
@media (max-width: 767px) {
  body.home-light > nav,
  body.home-light.dark-zone > nav:not(.on-light) {
    color: var(--hl-ink);
    background: rgba(246, 246, 246, .94);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  body.home-light > nav .lang-switch button,
  body.home-light.dark-zone > nav:not(.on-light) .lang-switch button {
    color: var(--hl-ink3);
  }
  body.home-light > nav .lang-switch button.active,
  body.home-light.dark-zone > nav:not(.on-light) .lang-switch button.active {
    color: var(--hl-ink);
  }
}

@media(max-width:767px){
 body.home-light>nav .nav-right .time,
 body.home-light>nav .nav-right .lang-switch span{color:var(--hl-ink3)}
 body.home-light>nav .nav-right .season-mark{color:var(--hl-ink3)!important}
}

/* Frosted atmosphere + shared editorial typography */
body.home-light{--f-home:'Google Sans Flex','DM Sans',system-ui,sans-serif;font-family:var(--f-home)}
body.home-light :is(.craft-title,.foot-big){font-family:var(--f-home);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.04}
body.home-light .craft-title{font-size:clamp(40px,5.4vw,76px)}
body.home-light :is(.craft-title,.foot-big) em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--shu)}
body.home-light :is(.craft-desc,.cap-name,.cap-desc,.hero-role,.nav-mark,.kanal,.foot-row){font-family:var(--f-home)}
body.home-light .craft-desc{font-size:17px;line-height:1.5}
body.home-light :is(.sec-craft,footer#contact){isolation:isolate;overflow:hidden}
body.home-light .sec-craft::after{display:none}
.frost-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;transform:translateY(var(--frost-shift,0px));mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.frost-field i{position:absolute;display:block;width:90%;height:850px;max-height:100%;border-radius:50%;animation:frost-drift 26s ease-in-out infinite alternate;animation-play-state:paused}
.frost-colour{top:0;left:-38%;background:radial-gradient(ellipse at 50% 50%,rgba(184,0,0,.14),rgba(202,137,145,.09) 32%,transparent 68%)}
.frost-field .frost-silver{right:-35%;top:22%;background:radial-gradient(ellipse at 45% 40%,rgba(116,132,156,.2),rgba(185,192,207,.13) 35%,transparent 68%);animation-delay:-12s;animation-direction:alternate-reverse}
.frost-active .frost-field i{animation-play-state:running}
footer .frost-field{opacity:.7}
@keyframes frost-drift{from{transform:translate3d(-2%,-2%,0) scale(.94) rotate(-8deg)}to{transform:translate3d(9%,6%,0) scale(1.12) rotate(9deg)}}
.work-vitrine{--wv-height:clamp(310px,35vw,460px)}
.wv-link{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 16px 40px -26px rgba(30,25,30,.28)}
.wv-window{border-radius:inherit}
.wv-window::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.5),transparent 60%);pointer-events:none}
.wv-caption{position:absolute;left:28px;bottom:28px;width:auto;right:86px;max-width:510px;gap:28px;padding:22px 26px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(250,250,250,.95);color:#111;font:600 clamp(25px,3vw,40px)/1.1 var(--f-home);letter-spacing:-.035em;box-sizing:border-box;transition:background .25s,color .25s}
.wv-caption .wv-arrow{font-size:1em;color:var(--shu)}
.wv-link:hover .wv-caption,.wv-link:focus-visible .wv-caption{background:#b80000;color:white;border-color:#b80000}
.wv-link:hover .wv-arrow,.wv-link:focus-visible .wv-arrow{color:white}
.wv-pause{top:auto;bottom:32px;right:24px}
@media(max-width:700px){
 .work-vitrine{--wv-height:330px}.wv-caption{left:16px;bottom:16px;right:70px;padding:18px 16px;font-size:25px;gap:14px}.wv-pause{right:14px;bottom:22px}
 .frost-field i{width:145%;height:650px}.frost-colour{left:-70%}.frost-field .frost-silver{right:-75%;animation:none}
 body.home-light .craft-desc{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.frost-field{transform:none}.frost-field i{animation:none}.wv-caption{transition:none}}