/* Yunus Genc showcase v2 — minimal, quicker transitions, smaller imagery. */
.ygs{--ygs-gold:#d6b678;--ygs-ink:#f8fafc;--ygs-navy:#071d33;isolation:isolate;position:relative;color:var(--ygs-ink);min-height:585px;background:#071d33;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ygs *, .ygs *::before, .ygs *::after{box-sizing:border-box}
.ygs::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#071d33 0%,rgba(7,29,51,.99) 22%,rgba(7,29,51,.94) 37%,rgba(7,29,51,.71) 49%,rgba(7,29,51,.09) 70%,rgba(7,29,51,0) 100%)}
.ygs__media{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#164269 0%,#071d33 68%)}
.ygs__visual{position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-size:auto 129%;background-position:right 4vw center;transition:opacity .46s cubic-bezier(.2,.7,.2,1);transform:scale(1);will-change:opacity,transform;mask-image:linear-gradient(90deg,transparent 0%,transparent 54%,#000 75%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 54%,#000 75%)}
.ygs__visual.is-active{opacity:1;animation:ygs-pan 3.05s linear both}
@keyframes ygs-pan{0%{transform:translateX(1.1%) scale(1.026)}100%{transform:translateX(-.8%) scale(1)}}
.ygs__grain{pointer-events:none;position:absolute;z-index:3;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.ygs__inner{z-index:4;position:relative;min-height:585px;max-width:1220px;margin:auto;padding:86px 30px 85px;display:flex;align-items:center}
.ygs__copy{max-width:735px;transition:opacity .16s ease,transform .22s ease;opacity:1;transform:translateY(0)}
.ygs__copy.is-transitioning{opacity:0;transform:translateY(5px)}
.ygs__kicker{color:var(--ygs-gold);font-weight:700;font-size:11px;letter-spacing:.23em;text-transform:uppercase;margin:0 0 29px;display:flex;align-items:center;gap:15px}
.ygs__kicker::before{content:"";width:32px;height:1px;background:var(--ygs-gold)}
.ygs h1{font-size:clamp(36px,4.4vw,64px)!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:1.12!important;margin:0 0 24px!important;color:#fff!important;max-width:720px!important;text-wrap:balance}
.ygs h1 em{font-style:normal;color:#e5c589;font-weight:500}
.ygs__desc{font-size:clamp(14px,1.25vw,18px);font-weight:400;line-height:1.73;max-width:570px;color:rgba(239,246,253,.86);margin:0 0 30px}
.ygs__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ygs__cta{font-size:13px!important;display:inline-flex;align-items:center;gap:12px;font-weight:700;padding:12px 19px;border-radius:2px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;line-height:1.5}
.ygs__cta--primary{background:#d6b678!important;color:#0b2438!important;border:1px solid #d6b678}
.ygs__cta--primary:hover{background:#ebd3a4!important;color:#0b2438!important}
.ygs__cta--secondary{border:1px solid rgba(248,250,252,.48);color:#fff!important;background:rgba(8,28,48,.11)!important}
.ygs__cta--secondary:hover{border-color:#fff!important;background:rgba(248,250,252,.12)!important}
/* Hide old toolbar even if the user's index.php was not updated. JS also removes it. */
.ygs__bottom,.ygs__progress{display:none!important}
.ygs a:focus-visible{outline:2px solid #f5dfb5;outline-offset:3px}
.ygs__sr{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1100px){.ygs__visual{background-size:auto 113%;background-position:right center}.ygs::before{background:linear-gradient(90deg,#071d33 0%,rgba(7,29,51,.96) 26%,rgba(7,29,51,.82) 46%,rgba(7,29,51,.14) 88%)}.ygs__copy{max-width:610px}.ygs h1{font-size:clamp(36px,5.1vw,55px)!important}}
@media(max-width:700px){.ygs{min-height:570px}.ygs__visual{background-size:auto 96%;background-position:right center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 32%,#000 82%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 32%,#000 82%)}.ygs::before{background:linear-gradient(90deg,rgba(6,24,43,.96),rgba(6,24,43,.72)),linear-gradient(0deg,rgba(4,18,34,.93),transparent 55%)}.ygs__inner{min-height:570px;padding:64px 22px;align-items:center}.ygs__copy{max-width:100%}.ygs h1{font-size:clamp(34px,8.5vw,46px)!important;line-height:1.14!important;margin-bottom:18px!important}.ygs__desc{font-size:14px;line-height:1.67;max-width:490px;margin-bottom:25px}.ygs__kicker{font-size:9px;margin-bottom:24px}.ygs__cta{font-size:12px!important;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.ygs *{animation:none!important;transition:none!important}.ygs__visual{transform:none!important;will-change:auto}}
