:root{--bg:#060C28;--bg-2:#04081E;--surface:#0C1430;--surface-2:#141B45;--border:rgba(232,236,250,.08);--border-2:rgba(232,236,250,.16);--coral:#B26940;--coral-2:#E4AE8A;--lime:#B26940;--lime-2:#E4AE8A;--peach:#8A4A2E;--gold:#B26940;--gold-2:#E4AE8A;--gold-dark:#8A4A2E;--gold-light:#E4AE8A;--cream:#E8ECFA;--cream-mute:rgba(232,236,250,.68);--cream-soft:rgba(232,236,250,.44);--font:'Inter Tight','Inter',system-ui,sans-serif;--serif:'Plus Jakarta Sans','Inter Tight',system-ui,sans-serif;--display:'Funnel Display','Plus Jakarta Sans','Inter Tight',system-ui,sans-serif;--container:1320px;--ease:cubic-bezier(.22,1,.36,1)}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse 900px 700px at 20% 15%,rgba(178,110,69,.06),transparent 55%),radial-gradient(ellipse 800px 600px at 82% 70%,rgba(138,74,46,.05),transparent 55%),radial-gradient(ellipse 1400px 900px at 50% 40%,#0D1642 0%,#060C28 55%,#03071C 100%) fixed;background-color:#060C28;isolation:isolate;position:relative;color:var(--cream-mute);font-family:var(--font);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{background:none;border:0;cursor:pointer;font-family:inherit;color:inherit}::selection{background:var(--coral);color:#fff}.container{max-width:var(--container);margin:0 auto;padding:0 24px}@media(min-width:1024px){.container{padding:0 48px}}h1,h2{color:var(--cream);font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:1.1}h3,h4{color:var(--cream);font-family:var(--font);font-weight:500;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.03em}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);margin-bottom:16px}.eyebrow::before{content:'';width:24px;height:1px;background:var(--coral)}.i-serif{font-family:var(--serif);font-weight:400}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:background .3s,padding .3s}.header.scrolled{background:rgba(6,12,40,.72);backdrop-filter:blur(16px);padding:12px 0;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{height:72px;width:auto;transition:transform .3s var(--ease)}@media(max-width:900px){.logo img{height:56px}}@media(max-width:640px){.logo img{height:48px}}.logo:hover img{transform:scale(1.04)}.nav{display:none;gap:36px}@media(min-width:900px){.nav{display:flex}}.nav-link{font-family:var(--serif);font-size:14px;font-weight:500;color:var(--cream-mute);transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--cream)}.nav-link.active::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--coral);border-radius:2px}.header-right{display:flex;align-items:center;gap:12px}.btn-quote{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:100px;font-size:14px;font-weight:500;color:var(--cream);background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,conic-gradient(from var(--border-angle),rgba(232,236,250,.08) 65%,var(--coral) 78%,var(--peach) 88%,var(--coral) 96%,rgba(232,236,250,.08) 100%) border-box;border:1.5px solid transparent;animation:borderSpin 5s linear infinite;transition:transform .3s var(--ease),box-shadow .3s;cursor:pointer}.btn-quote::before{content:'';position:absolute;inset:2px;border-radius:100px;background:radial-gradient(ellipse at center,rgba(178,110,69,.28),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}.btn-quote>*{position:relative;z-index:1}.btn-quote:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(178,110,69,.28)}.btn-quote:hover::before{opacity:1}.btn-quote i{width:11px;height:11px;position:relative;flex-shrink:0}.btn-quote i::before,.btn-quote i::after{content:'';position:absolute;background:var(--cream);border-radius:2px}.btn-quote i::before{left:4.5px;top:0;width:2px;height:11px}.btn-quote i::after{left:0;top:4.5px;width:11px;height:2px}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:100px;color:var(--cream);font-weight:500;font-size:15px;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box,conic-gradient(from var(--border-angle),rgba(232,236,250,.08) 65%,var(--coral) 78%,var(--peach) 88%,var(--coral) 96%,rgba(232,236,250,.08) 100%) border-box;border:1.5px solid transparent;animation:borderSpin 5s linear infinite;transition:transform .3s var(--ease),box-shadow .3s;cursor:pointer}.btn-primary::before{content:'';position:absolute;inset:2px;border-radius:100px;background:radial-gradient(ellipse at center,rgba(178,110,69,.28),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(178,110,69,.28)}.btn-primary:hover::before{opacity:1}.btn-primary span{transition:transform .3s;display:inline-flex}.btn-primary:hover span{transform:translateX(4px)}@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes borderSpin{to{--border-angle:360deg}}.btn-ghost{display:inline-flex;align-items:center;padding:15px 28px;border-radius:100px;border:1px solid var(--border-2);color:var(--cream);font-weight:500;font-size:15px;transition:all .3s;background:transparent}.btn-ghost:hover{border-color:var(--lime);color:var(--lime);background:rgba(178,110,69,.04)}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:100px;border:1px solid var(--border-2);color:var(--cream);font-weight:500;font-size:14px;transition:all .3s}.btn-outline:hover{border-color:var(--coral);color:var(--coral)}.mobile-toggle{display:flex;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:rgba(6,12,40,.02);align-items:center;justify-content:center}@media(min-width:900px){.mobile-toggle{display:none}}.mobile-toggle span{width:18px;height:1.6px;background:var(--cream);position:relative;display:block}.mobile-toggle span::before,.mobile-toggle span::after{content:'';position:absolute;left:0;width:100%;height:1.6px;background:var(--cream);transition:transform .3s}.mobile-toggle span::before{top:-6px}.mobile-toggle span::after{top:6px}.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:99;display:flex;flex-direction:column;justify-content:center;padding:0 32px;gap:8px;transform:translateY(-100%);transition:transform .5s var(--ease)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font-size:1.8rem;font-weight:500;color:var(--cream);padding:12px 0;border-bottom:1px solid var(--border);font-family:var(--serif)}.hero{position:relative;min-height:96vh;display:flex;align-items:center;padding:160px 0 100px;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.hero-glow.g1{width:680px;height:680px;background:radial-gradient(circle,rgba(178,110,69,.28),transparent 70%);top:-20%;right:-10%}.hero-glow.g2{width:520px;height:520px;background:radial-gradient(circle,rgba(138,74,46,.18),transparent 70%);bottom:-20%;left:-8%}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(232,236,250,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,250,.04) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);pointer-events:none}.hero-inner{position:relative;z-index:1;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:100px;border:1px solid var(--border-2);background:rgba(232,236,250,.03);font-size:13px;font-weight:500;color:var(--cream);margin-bottom:32px}.hero-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hero h1{margin-bottom:24px;font-family:var(--serif);font-weight:500;font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.03em;line-height:1.1;color:var(--cream);max-width:22ch;margin-left:auto;margin-right:auto}.hero h1 em{color:var(--coral)}.hero-sub{font-size:clamp(1rem,1.3vw,1.15rem);max-width:600px;color:var(--cream-mute);margin:0 auto 44px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:0 auto 64px;justify-content:center}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0;max-width:680px;margin:0 auto;width:100%}.hero-stats div{text-align:center;padding:0 20px;border-right:1px solid var(--border)}.hero-stats div:last-child{border-right:0}.hero-stats b{display:block;font-size:1.6rem;font-weight:600;color:var(--cream);letter-spacing:-.03em;font-family:var(--serif);font-weight:400}.hero-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--cream-soft);margin-top:2px;display:block}@media(max-width:640px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div{border-bottom:1px solid var(--border);padding:14px 12px}.hero-stats div:nth-child(2){border-right:0}}.slogan-block{padding:120px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--border)}.slogan-block::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:900px;height:400px;background:radial-gradient(ellipse,rgba(178,110,69,.14),transparent 60%);pointer-events:none}.slogan-block .slogan{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7vw,6.5rem);color:var(--cream);letter-spacing:-.04em;line-height:1;position:relative}.slogan-block .slogan span{color:var(--coral)}.slogan-block .slogan-sub{margin-top:24px;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-soft);position:relative}.portfolio-intro{padding:110px 0 40px;border-top:1px solid var(--border)}.pi-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}@media(max-width:900px){.pi-grid{grid-template-columns:1fr;gap:24px;align-items:start}}.pi-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4.6vw,4rem);letter-spacing:-.04em;line-height:1;color:var(--cream)}.pi-grid h2 em{color:var(--coral)}.pi-grid p{font-size:15px;color:var(--cream-mute);max-width:44ch}.hscroll-sec{padding:90px 0;border-top:1px solid var(--border)}.hscroll-wrap{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:stretch}@media(max-width:900px){.hscroll-wrap{grid-template-columns:1fr;gap:32px}}.hs-side{position:sticky;top:120px;height:fit-content}@media(max-width:900px){.hs-side{position:static}}.hs-side .eyebrow{margin-bottom:20px}.hs-side h2{margin-bottom:20px;font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.hs-side p{font-size:15px;color:var(--cream-mute);margin-bottom:28px;max-width:36ch}.hs-controls{display:flex;gap:8px;margin-top:24px}.hs-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-2);background:rgba(232,236,250,.02);color:var(--cream);display:flex;align-items:center;justify-content:center;transition:all .3s}.hs-btn:hover{border-color:var(--coral);color:var(--coral)}.hs-btn:disabled{opacity:.3;cursor:not-allowed}.hs-btn svg{width:16px;height:16px}.hs-track-outer{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 4%,black 96%,transparent 100%)}.hs-track{display:flex;gap:16px;padding:0 0 20px;width:max-content;animation:hsScroll 50s linear infinite}.hs-track-outer:hover .hs-track{animation-play-state:paused}@keyframes hsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hs-card{flex:0 0 auto;width:min(300px,72vw);aspect-ratio:3/4;border-radius:22px;overflow:hidden;position:relative;scroll-snap-align:start;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);transition:transform .5s var(--ease),box-shadow .5s}.hs-card:hover{transform:translateY(-6px);border-color:var(--border-2)}.hs-card::before{content:'';position:absolute;top:16px;left:16px;right:16px;bottom:16px;border:1px dashed var(--border-2);border-radius:16px;pointer-events:none}.hs-card .num{position:absolute;top:22px;left:26px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--coral);opacity:.75}.hs-card .placeholder-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);color:var(--cream-soft);font-size:1rem;text-align:center;padding:0 30px}.hs-card .meta{position:absolute;left:24px;bottom:22px;right:24px;z-index:2}.hs-card .meta .tag{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);font-weight:600;margin-bottom:6px}.hs-card .meta .title{color:var(--cream);font-family:var(--serif);font-size:1.15rem;letter-spacing:-.01em}.feature-work{padding:110px 0;border-top:1px solid var(--border)}.fw-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:900px){.fw-grid{grid-template-columns:1fr;gap:36px}}.fw-info .eyebrow{margin-bottom:16px}.fw-info h2{margin-bottom:18px;font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.fw-info>p{font-size:15px;color:var(--cream-mute);margin-bottom:12px}.fw-info .meta-row{display:flex;gap:32px;margin:28px 0 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}.fw-info .meta-row div span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-soft);margin-bottom:4px}.fw-info .meta-row div b{font-size:14px;font-weight:500;color:var(--cream)}.fw-media{aspect-ratio:9/16;max-width:340px;margin:0 auto;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center}.fw-media::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px dashed var(--border-2);border-radius:18px;pointer-events:none}.fw-media .fw-placeholder{color:var(--cream-soft);font-family:var(--serif);text-align:center;font-size:1rem;padding:20px;position:relative;z-index:1}.fw-media .fw-placeholder::before{content:'▶';display:block;font-size:2.5rem;margin-bottom:16px;color:var(--coral);font-style:normal}.fw-alt .fw-media{order:-1}@media(max-width:900px){.fw-alt .fw-media{order:0}}.sw-inline{padding:100px 0;border-top:1px solid var(--border)}.sw-inline .eyebrow{margin-bottom:18px}.sw-inline h2{margin-bottom:14px;font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em}.sw-inline .lead{margin-bottom:44px;font-size:15px;color:var(--cream-mute);max-width:640px}.sw-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:760px){.sw-inline-grid{grid-template-columns:1fr}}.sw-item{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(232,236,250,.03),rgba(232,236,250,.01));transition:border-color .3s,transform .3s}.sw-item:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:0 12px 40px rgba(178,110,69,.18)}.sw-item-logo{height:52px;display:flex;align-items:center;flex-shrink:0}.sw-item-logo img{height:100%;width:auto;max-width:220px;object-fit:contain}.sw-item-body{flex:1;min-width:0}.sw-item-body h4{margin-bottom:4px;color:var(--cream)}.sw-item-body p{font-size:13.5px;color:var(--cream-mute);margin-bottom:10px;line-height:1.55}.sw-item-body .sw-link{font-size:12px;font-weight:600;color:var(--coral);letter-spacing:.06em;transition:transform .3s;display:inline-flex;align-items:center;gap:6px}.sw-item:hover .sw-link{transform:translateX(4px)}.ref-strip{padding:64px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.ref-strip-inner{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center}@media(max-width:760px){.ref-strip-inner{grid-template-columns:1fr;gap:24px}}.ref-label{padding-right:20px;border-right:1px solid var(--border)}@media(max-width:760px){.ref-label{border-right:0;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:16px}}.ref-label .eyebrow{margin-bottom:8px}.ref-label h4{font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--cream);letter-spacing:-.02em}.ref-track-wrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%)}.ref-track{display:flex;gap:56px;align-items:center;width:max-content;animation:marquee 40s linear infinite}.ref-logo{flex-shrink:0;height:64px;width:160px;padding:0 16px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.ref-logo img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;opacity:1;filter:brightness(1.12);transition:transform .4s ease,filter .4s ease}.ref-logo:hover img{filter:brightness(1.28);transform:scale(1.06)}@keyframes marquee{to{transform:translateX(-50%)}}.marquee-thin{overflow:hidden;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(232,236,250,.015)}.marquee-thin .marquee-track{display:flex;align-items:center;gap:44px;width:max-content;animation:marquee 30s linear infinite}.marquee-thin span{font-family:var(--serif);font-size:1.3rem;color:var(--cream);white-space:nowrap}.marquee-thin i{width:6px;height:6px;border-radius:50%;background:var(--coral);flex-shrink:0}.faq{padding:120px 0;border-top:1px solid var(--border)}.faq-inner{display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}@media(max-width:900px){.faq-inner{grid-template-columns:1fr;gap:32px}}.faq-left h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.faq-left p{margin:14px 0 28px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border-radius:14px;background:rgba(232,236,250,.02);border:1px solid var(--border)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:15px;font-weight:500;color:var(--cream);text-align:left}.faq-q i{width:28px;height:28px;border-radius:50%;background:rgba(232,236,250,.04);position:relative;flex-shrink:0;transition:transform .3s,background .3s}.faq-q i::before,.faq-q i::after{content:'';position:absolute;left:50%;top:50%;background:var(--cream)}.faq-q i::before{width:10px;height:1.6px;transform:translate(-50%,-50%)}.faq-q i::after{width:1.6px;height:10px;transform:translate(-50%,-50%);transition:transform .3s}.faq-item.open .faq-q i{background:var(--coral)}.faq-item.open .faq-q i::before,.faq-item.open .faq-q i::after{background:#fff}.faq-item.open .faq-q i::after{transform:translate(-50%,-50%) scaleY(0)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.faq-a p{padding:0 24px 20px;font-size:14px}.cta{position:relative;padding:130px 0;overflow:hidden;text-align:center;border-top:1px solid var(--border)}.cta-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:900px;height:600px;background:radial-gradient(ellipse 60% 60% at 30% 50%,rgba(178,110,69,.20),transparent 60%),radial-gradient(ellipse 60% 60% at 70% 50%,rgba(138,74,46,.14),transparent 60%);pointer-events:none}.cta-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.03em;color:var(--cream)}.cta h2 em{color:var(--coral)}.cta p{margin:16px 0 32px;color:var(--cream-mute)}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.footer{background:var(--bg-2);padding:0 0 32px}.footer-line{height:1px;background:linear-gradient(90deg,transparent,var(--border-2),transparent);margin-bottom:64px}.footer-top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start;margin-bottom:48px}.footer-brand{max-width:420px}.footer-logo{height:64px;width:auto;margin-bottom:20px}.footer-brand p{font-size:14px;color:var(--cream-mute)}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--cream-mute);transition:color .2s}.footer-links a:hover{color:var(--coral)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}@media(max-width:800px){.footer-grid{grid-template-columns:1fr}}.footer-card{padding:26px;border-radius:16px;background:rgba(232,236,250,.02);border:1px solid var(--border)}.footer-card h4{color:var(--cream);font-size:.95rem;font-weight:600;margin-bottom:14px;letter-spacing:.02em}.footer-card a,.footer-card p{display:block;font-size:14px;color:var(--cream-mute);margin-bottom:6px;transition:color .2s}.footer-card a:hover{color:var(--coral)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--cream-soft)}.footer-bottom a:hover{color:var(--coral)}.reveal{opacity:0;transform:translateY(28px)}.reveal.in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.drawer-backdrop{position:fixed;inset:0;background:rgba(4,8,30,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;z-index:200}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:560px;background:var(--surface);z-index:201;transform:translateX(100%);transition:transform .5s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.5)}.drawer.open{transform:translateX(0)}.drawer-head{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.drawer-head h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;color:var(--cream)}.drawer-head .step-info{font-size:12px;color:var(--cream-mute);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.drawer-close{width:38px;height:38px;border-radius:10px;background:rgba(232,236,250,.04);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--cream);transition:all .3s}.drawer-close:hover{background:var(--coral);border-color:var(--coral);color:#fff;transform:rotate(90deg)}.drawer-progress{height:3px;background:rgba(232,236,250,.06)}.drawer-progress-bar{height:100%;background:var(--coral);width:25%;transition:width .5s var(--ease)}.drawer-body{flex:1;overflow-y:auto;padding:32px}.drawer-step{display:none;animation:stepIn .5s var(--ease)}.drawer-step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.drawer-step h4{color:var(--cream);font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:10px;letter-spacing:-.02em}.drawer-step .step-desc{font-size:14px;color:var(--cream-mute);margin-bottom:28px}.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.svc-chip{padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;background:rgba(232,236,250,.02);cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:10px}.svc-chip:hover{border-color:var(--coral);background:rgba(178,110,69,.05)}.svc-chip.selected{border-color:var(--coral);background:rgba(178,110,69,.08)}.svc-chip .check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;transition:all .25s;flex-shrink:0}.svc-chip.selected .check{background:var(--coral);border-color:var(--coral)}.svc-chip.selected .check::after{content:'';width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}.svc-chip span{font-size:13.5px;font-weight:500;color:var(--cream)}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-row label{font-size:12px;color:var(--cream-mute);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.form-input,.form-textarea{width:100%;padding:14px 16px;background:rgba(232,236,250,.03);border:1.5px solid var(--border);border-radius:12px;color:var(--cream);font-size:15px;font-family:inherit;transition:all .25s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--coral);background:rgba(178,110,69,.04)}.form-textarea{min-height:110px;resize:vertical}.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-foot{padding:22px 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-back{font-size:13px;font-weight:500;color:var(--cream-mute);letter-spacing:.06em;text-transform:uppercase;transition:color .2s}.drawer-back:hover{color:var(--cream)}.drawer-back:disabled{opacity:.3;cursor:not-allowed}.done-block{text-align:center;padding:20px 0}.done-icon{width:72px;height:72px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 40px rgba(178,110,69,.4)}.done-icon svg{width:32px;height:32px;color:#fff}em,i,cite,.i-serif{font-style:normal;font-family:var(--serif);font-weight:500;color:var(--coral)}strong,b{font-weight:500;color:var(--cream)}button,input,textarea,select{font-family:var(--font)}.nav-link,.footer-links a,.footer-card a,.footer-card p,.footer-bottom{font-weight:400}.hero-sub,p{font-weight:300}label,.eyebrow,.form-input,.form-textarea{font-family:var(--font);font-weight:400}.hero{border-bottom:1px solid var(--border)}.hs-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.fw-media{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.sw-item{background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.5) 100%)}.faq-item{background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.4) 100%)}.footer-card{background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.4) 100%)}.header.scrolled{box-shadow:none}.nav-dropdown{position:relative}.nav-dropdown>.nav-link{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.nav-dropdown>.nav-link::after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .3s;margin-left:2px;opacity:.6}.nav-dropdown:hover>.nav-link::after{transform:rotate(180deg);opacity:1}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;min-width:320px;opacity:0;visibility:hidden;transition:all .3s var(--ease);display:flex;flex-direction:column;gap:1px;margin-top:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);z-index:120}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-menu a{padding:11px 16px;border-radius:10px;font-size:14px;font-weight:400;color:var(--cream-mute);transition:all .2s;text-align:left;white-space:nowrap;display:block}.dropdown-menu a::after{content:''!important;display:none}.dropdown-menu a:hover{background:rgba(178,110,69,.06);color:var(--coral)}.dropdown-menu a.divider-top{margin-top:8px;border-top:1px solid var(--border);padding-top:15px;color:var(--cream);font-weight:500}.dropdown-menu a.divider-top:hover{color:var(--coral)}.page-hero{position:relative;padding:180px 0 80px;overflow:hidden;text-align:left}.page-hero .hero-glow{filter:blur(120px);pointer-events:none;position:absolute;border-radius:50%}.page-hero .container{position:relative;z-index:1;max-width:960px}.page-hero h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em;font-weight:500;margin-bottom:22px;color:var(--cream);line-height:1.1;max-width:18ch}.ph-crumb{margin-bottom:28px;font-size:13px;color:var(--cream-soft);letter-spacing:.05em}.ph-crumb a{color:var(--cream-mute);transition:color .2s}.ph-crumb a:hover{color:var(--coral)}.ph-crumb span{color:var(--cream)}.ph-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);max-width:640px;color:var(--cream-mute);font-weight:300}.page-body{padding:100px 0;border-top:1px solid var(--border)}.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media(max-width:800px){.pb-grid{grid-template-columns:1fr;gap:48px}}.pb-grid h2{font-size:clamp(1.6rem,2.4vw,2rem);font-weight:500;letter-spacing:-.03em;margin-bottom:14px}.pb-grid p{color:var(--cream-mute);font-size:15px;font-weight:300;line-height:1.7}.pb-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:8px}.pb-list li{padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:14px;color:var(--cream-mute);font-weight:300}.pb-list li b{color:var(--cream);font-weight:500;margin-right:8px}.related-services{padding:100px 0;border-top:1px solid var(--border)}.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.rel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.rel-grid{grid-template-columns:1fr}}.rel-item{display:block;padding:26px;background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.4) 100%);border:1px solid var(--border);border-radius:16px;transition:all .3s}.rel-item:hover{border-color:var(--coral);transform:translateY(-3px)}.rel-num{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--coral);display:block;margin-bottom:14px;font-family:'JetBrains Mono',monospace}.rel-item h4{margin-bottom:8px;font-size:1.05rem;font-weight:500;color:var(--cream)}.rel-item p{font-size:13.5px;color:var(--cream-mute);line-height:1.6;font-weight:300}.prints{padding:80px 0 120px;border-top:1px solid var(--border)}.prints-head{max-width:640px;margin-bottom:56px}.prints-head .eyebrow{margin-bottom:14px}.prints-head h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;letter-spacing:-.03em;margin-bottom:12px}.prints-head p{color:var(--cream-mute);font-size:15px;font-weight:300}.prints-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.prints-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.prints-grid{grid-template-columns:1fr}}.print-item{padding:28px;background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.4) 100%);border:1px solid var(--border);border-radius:16px;transition:all .3s;position:relative;min-height:180px}.print-item:hover{border-color:var(--coral);transform:translateY(-3px)}.print-num{position:absolute;top:22px;right:22px;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--coral);opacity:.75;font-family:'JetBrains Mono',monospace}.print-item h3{margin-bottom:10px;font-size:1.1rem;font-weight:500;color:var(--cream);max-width:14ch;padding-right:40px}.print-item p{font-size:13.5px;color:var(--cream-mute);line-height:1.6;font-weight:300}.hub{padding:60px 0 140px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hub-grid{grid-template-columns:1fr}}.hub-card{display:block;padding:32px;background:linear-gradient(180deg,var(--surface) 0%,rgba(20,27,69,.4) 100%);border:1px solid var(--border);border-radius:18px;transition:all .3s;position:relative;overflow:hidden;min-height:220px}.hub-card:hover{border-color:var(--coral);transform:translateY(-4px)}.hub-num{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--coral);display:block;margin-bottom:16px;font-family:'JetBrains Mono',monospace}.hub-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:500;color:var(--cream)}.hub-card p{font-size:14px;color:var(--cream-mute);line-height:1.6;font-weight:300}.hub-arrow{position:absolute;bottom:24px;right:26px;color:var(--coral);font-size:1.4rem;opacity:0;transform:translateX(-8px);transition:all .3s;line-height:1}.hub-card:hover .hub-arrow{opacity:1;transform:translateX(0)}.hub-card.featured{background:linear-gradient(180deg,rgba(178,110,69,.06),rgba(20,27,69,.2));border-color:rgba(178,110,69,.2)}.hub-card.featured:hover{border-color:var(--coral)}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;width:min(780px,92vw);opacity:0;visibility:hidden;transition:all .3s var(--ease);margin-top:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);z-index:120}.nav-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.mega-title{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}.mega-col a{display:block;padding:6px 0;font-size:14px;font-weight:400;color:var(--cream-mute);transition:color .2s;text-align:left;white-space:normal}.mega-col a::after{display:none!important}.mega-col a:hover{color:var(--cream)}.mega-featured{grid-column:1/-1;margin-top:12px;padding:18px 22px;background:linear-gradient(135deg,rgba(178,110,69,.14),rgba(138,74,46,.10));border:1px solid rgba(178,110,69,.28);border-radius:14px;display:flex;justify-content:space-between;align-items:center;color:var(--cream);font-weight:500;transition:all .3s;gap:16px}.mega-featured:hover{border-color:var(--coral);transform:translateX(4px)}.mega-featured strong{display:block;font-weight:500;color:var(--cream);font-size:15px}.mega-featured small{display:block;font-size:12px;color:var(--cream-mute);font-weight:300;margin-top:2px}.mega-featured .arrow{color:var(--coral);font-size:1.6rem;line-height:1}@media(max-width:900px){.mega-menu{display:none}}.hub-category{margin-bottom:56px}.hub-cat-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.hub-cat-head .eyebrow{margin-bottom:0}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grad-text{background:linear-gradient(120deg,var(--cream) 0%,#B4C8FF 40%,#E9D5FF 70%,var(--cream) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em}.grad-accent{background:linear-gradient(120deg,var(--coral) 0%,var(--peach) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}em.grad-accent,em.grad-text{color:transparent}.btn-primary,.btn-quote,.btn-ghost,.btn-outline,.btn-border{font-family:var(--serif)}.eyebrow,.card-badge,.num,.tag,.print-num,.hub-num,.rel-num{font-family:var(--serif)}.mega-title{font-family:var(--serif)}.mega-col a{font-family:var(--serif)}.faq-q{font-family:var(--font)}.hero-tag{font-family:var(--serif)}.marquee-thin span{font-family:var(--serif)}.mobile-menu a{font-family:var(--serif)}.hs-card .meta .title{font-family:var(--font);font-weight:500}.font-display{font-family:var(--display)}.section-light{background:#FAFAFA;color:#0A0F2E;border-top:0!important;position:relative}.section-light h1,.section-light h2,.section-light h3,.section-light h4{color:#0A0F2E}.section-light p{color:rgba(10,15,46,.72)}.section-light .eyebrow{color:var(--coral)}.section-light .eyebrow::before{background:var(--coral)}.section-light em,.section-light em.grad-accent{color:var(--coral);background:none;-webkit-text-fill-color:var(--coral)}.section-light .btn-outline{border-color:rgba(10,15,46,.14);color:#0A0F2E}.section-light .btn-outline:hover{border-color:var(--coral);color:var(--coral);background:rgba(178,110,69,.04)}.section-light .faq-item{background:rgba(10,15,46,.03);border-color:rgba(10,15,46,.08)}.section-light .faq-q{color:#0A0F2E}.section-light .faq-q i{background:rgba(10,15,46,.06)}.section-light .faq-q i::before,.section-light .faq-q i::after{background:#0A0F2E}.section-light .faq-item.open .faq-q i{background:var(--coral)}.section-light .faq-item.open .faq-q i::before,.section-light .faq-item.open .faq-q i::after{background:#fff}.section-light .faq-a p{color:rgba(10,15,46,.72)}.section-light .sw-item{background:#FFFFFF;border-color:rgba(10,15,46,.08);box-shadow:0 2px 20px rgba(10,15,46,.04)}.section-light .sw-item:hover{border-color:var(--coral);box-shadow:0 12px 40px rgba(178,110,69,.14)}.section-light .sw-item-body h4{color:#0A0F2E}.section-light .sw-item-body p{color:rgba(10,15,46,.68)}.section-light .sw-item-body .sw-link{color:var(--coral)}.section-light .pi-grid h2 em{color:var(--coral)}.section-light .pi-grid h2{color:#0A0F2E}.section-light .pi-grid h2 em{color:var(--coral);background:none;-webkit-text-fill-color:var(--coral)}.section-light .pi-grid p{color:rgba(10,15,46,.72)}.section-light .sw-inline .eyebrow{color:var(--coral)}.section-light .sw-inline h2{color:#0A0F2E}.section-light .sw-inline h2 em{color:var(--coral);background:none;-webkit-text-fill-color:var(--coral)}.section-light .sw-inline .lead{color:rgba(10,15,46,.72)}.section-light .sw-item-body h4{color:#0A0F2E}.section-light .sw-item-body p{color:rgba(10,15,46,.68)}.section-light .sw-item-body .sw-link{color:var(--coral)}.section-light .faq-left h2{color:#0A0F2E}.section-light .faq-left h2 em{color:var(--coral);background:none;-webkit-text-fill-color:var(--coral)}.section-light .faq-left p{color:rgba(10,15,46,.72)}.section-light .faq-q{color:#0A0F2E}.section-light .faq-q i::before,.section-light .faq-q i::after{background:#0A0F2E}.section-light .faq-item.open .faq-q i::before,.section-light .faq-item.open .faq-q i::after{background:#fff}.section-light .faq-a p{color:rgba(10,15,46,.72)}.section-light .faq-item{background:rgba(10,15,46,.03);border-color:rgba(10,15,46,.08)}.section-light .faq-item .faq-q i{background:rgba(10,15,46,.06)}.section-light .faq-item.open .faq-q i{background:var(--coral)}.section-light .btn-outline{border-color:rgba(10,15,46,.14);color:#0A0F2E}.section-light .btn-outline:hover{border-color:var(--coral);color:var(--coral);background:rgba(178,110,69,.04)}.section-light .lead,.section-light .reveal p,.section-light .container p:not([class]){color:rgba(10,15,46,.72)}.hero h1 em,.page-hero h1 em,.cta h2 em{background:linear-gradient(120deg,#856548 0%,#B49173 30%,#D4B190 55%,#B49173 80%,#856548 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.section-light .cta h2 em{background:linear-gradient(120deg,#856548 0%,#B49173 30%,#D4B190 55%,#B49173 80%,#856548 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* ---------- Premium finish: noise grain + copper shimmer ---------- */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.07;
  mix-blend-mode:overlay;
}

/* Copper metallic shimmer animation on hero/page-hero/cta em */
@keyframes copperShimmer{
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
.hero h1 em,
.page-hero h1 em,
.cta h2 em,
.section-light .cta h2 em{
  background-image:linear-gradient(90deg,#5A3220 0%,#8A4A2E 10%,#B26940 22%,#E4AE8A 35%,#B26940 45%,#8A4A2E 55%,#B26940 65%,#E4AE8A 78%,#B26940 88%,#5A3220 100%)!important;
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:copperShimmer 6s linear infinite;
}

/* Grad-accent (hero em class) also copper metallic */
.grad-accent{
  background-image:linear-gradient(90deg,#5A3220 0%,#B26940 30%,#E4AE8A 50%,#B26940 70%,#5A3220 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  animation:copperShimmer 6s linear infinite;
}

/* Grad-text — kept for compatibility (light shimmer) */
.grad-text{
  background:linear-gradient(120deg,var(--cream) 0%,#D4B4A0 40%,#E4AE8A 70%,var(--cream) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  padding-bottom:.05em;
}

/* Reduced motion — pause shimmer */
@media (prefers-reduced-motion: reduce){
  .hero h1 em,.page-hero h1 em,.cta h2 em,.grad-accent{animation:none}
  body::before{opacity:.05}
}

/* ---- About page (v7.3) ---- */
section[id]{scroll-margin-top:150px}
.anchor-nav{position:sticky;top:78px;z-index:60;background:rgba(6,12,40,.78);backdrop-filter:blur(16px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.anchor-nav-inner{display:flex;gap:30px;overflow-x:auto;padding:15px 24px;scrollbar-width:none;-ms-overflow-style:none}
.anchor-nav-inner::-webkit-scrollbar{display:none}
.anchor-nav a{position:relative;font-family:var(--serif);font-size:13.5px;font-weight:500;letter-spacing:-.01em;color:var(--cream-soft);white-space:nowrap;padding-bottom:3px;transition:color .25s}
.anchor-nav a:hover{color:var(--cream)}
.anchor-nav a.active{color:var(--cream)}
.anchor-nav a.active::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--coral)}
@media(max-width:900px){.anchor-nav{top:64px}.anchor-nav-inner{gap:22px;padding:13px 20px}}
.stats-sec{padding:0 0 20px}
.stats-sec .hero-stats{max-width:100%}
.print-item ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:9px}
.print-item ul li{position:relative;padding-left:16px;font-size:13px;font-weight:300;color:var(--cream-soft);line-height:1.5}
.print-item ul li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--coral);opacity:.65}

@media(max-width:900px){}

.faq-left .btn-outline{margin-top:4px}

/* ---- Portfolyo butonu (v8.9) ---- */
.btn-portfolio{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:100px;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:-.01em;color:#0A0F2E;background:linear-gradient(135deg,var(--peach) 0%,var(--coral) 100%);border:none;white-space:nowrap;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease);box-shadow:0 6px 20px rgba(178,110,69,.28)}
.btn-portfolio svg{width:16px;height:16px;flex-shrink:0}
.btn-portfolio>*{position:relative;z-index:1}
.btn-portfolio::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:portfolioShine 3.6s ease-in-out infinite;z-index:0}
@keyframes portfolioShine{0%,72%{left:-120%}100%{left:180%}}
.btn-portfolio:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(178,110,69,.42)}
.btn-portfolio:active{transform:translateY(0)}
@media(max-width:1100px){.btn-portfolio span{display:none}.btn-portfolio{padding:11px 14px}}
@media(max-width:900px){.btn-portfolio{display:none}}

/* ---- Anasayfa sadeleştirme (v9.1) ---- */
.hub-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}
.hub-foot p{font-size:14.5px;font-weight:300;color:var(--cream-mute);margin:0}
.section-light .hub-foot{border-top-color:rgba(10,15,46,.12)}
.section-light .hub-foot p{color:rgba(10,15,46,.68)}
@media(max-width:640px){.hub-foot{flex-direction:column;align-items:flex-start}}

/* ---- Açık zeminli bölümde kartlar (v9.3) ---- */
.section-light .print-item{background:#FFFFFF;border-color:rgba(10,15,46,.08);box-shadow:0 2px 16px rgba(10,15,46,.04)}
.section-light .print-item:hover{border-color:var(--coral);box-shadow:0 14px 40px rgba(178,110,69,.14)}
.section-light .print-item h3{color:#0A0F2E}
.section-light .print-item p{color:rgba(10,15,46,.68)}
.section-light .print-num{color:var(--coral)}
.section-light .print-item ul li{color:rgba(10,15,46,.62)}
.section-light .hub-card{background:#FFFFFF;border-color:rgba(10,15,46,.08);box-shadow:0 2px 16px rgba(10,15,46,.04)}
.section-light .hub-card:hover{border-color:var(--coral);box-shadow:0 14px 40px rgba(178,110,69,.14)}
.section-light .hub-card h3{color:#0A0F2E}
.section-light .hub-card p{color:rgba(10,15,46,.68)}
.section-light .hub-num,.section-light .hub-arrow{color:var(--coral)}
.section-light .deliver-item{background:#FFFFFF;border-color:rgba(10,15,46,.08)}
.section-light .deliver-item h4{color:#0A0F2E}
.section-light .deliver-item p{color:rgba(10,15,46,.68)}

/* ---- WhatsApp sabit butonu (v9.3) ---- */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:900;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;box-shadow:0 8px 26px rgba(37,211,102,.38);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float::before{content:'';position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.55;animation:waPulse 2.6s ease-out infinite;z-index:-1}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.wa-float:hover{transform:scale(1.08);box-shadow:0 12px 34px rgba(37,211,102,.5)}
.wa-float:active{transform:scale(.98)}
@media(max-width:640px){.wa-float{right:16px;bottom:16px;width:52px;height:52px}.wa-float svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.wa-float::before{animation:none}}

/* ---- Teklif formu doğrulama (v9.4) ---- */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.form-row.has-error .form-input,.form-row.has-error .form-textarea{border-color:#E5484D;background:rgba(229,72,77,.05)}
.field-error{margin-top:7px;font-size:12.5px;font-weight:400;color:#FF8085;line-height:1.4}
.drawer-alert{display:none;margin-top:18px;padding:13px 16px;border-radius:12px;background:rgba(229,72,77,.1);border:1px solid rgba(229,72,77,.32);color:#FF9095;font-size:13.5px;line-height:1.55}
.drawer-alert.show{display:block}
#stepNext:disabled{opacity:.6;cursor:wait}


/* =====================================================================
   v10 — Portfolyo odaklı ajans sitesi (showreel, işler, vaka sayfaları)
   ===================================================================== */
:root{--r-lg:26px;--r-md:18px;--r-sm:12px;--line:rgba(232,236,250,.1);--ink:#0A0F2E}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font)}
:focus-visible{outline:2px solid var(--coral-2);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.btn-portfolio{cursor:pointer;font-family:var(--serif)}
.nav{gap:32px}

/* ---------- Ortak başlık ---------- */
.sec{padding:120px 0;position:relative}
.sec + .sec{border-top:1px solid var(--border)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:56px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.04em;line-height:1.04;max-width:16ch}
.sec-head p{max-width:46ch;font-size:15.5px;color:var(--cream-mute);margin-top:14px}
.sec-head .eyebrow{margin-bottom:18px}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:500;font-size:15px;color:var(--cream);padding:12px 0;border-bottom:1px solid var(--border-2);transition:gap .3s var(--ease),border-color .3s,color .3s;white-space:nowrap}
.link-arrow:hover{gap:16px;border-color:var(--coral-2);color:var(--coral-2)}
.link-arrow b{font-weight:500;color:var(--cream-soft);font-size:13px}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.tags li{font-size:11.5px;letter-spacing:.02em;padding:5px 10px;border-radius:100px;border:1px solid var(--border-2);color:var(--cream-mute);font-weight:400;white-space:nowrap}

/* ---------- HERO: showreel ---------- */
.hero-reel{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:170px 0 56px;overflow:hidden;border-bottom:1px solid var(--border);isolation:isolate;text-align:left}
.hero-media{position:absolute;inset:0;z-index:-2;background:#060C28}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media video{opacity:0;transition:opacity 1.2s var(--ease)}
.hero-media video.ready{opacity:1}
.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,rgba(6,12,40,.97) 0%,rgba(6,12,40,.9) 30%,rgba(6,12,40,.45) 58%,rgba(6,12,40,.12) 100%),
  linear-gradient(0deg,#060C28 0%,rgba(6,12,40,.0) 34%),
  linear-gradient(180deg,rgba(6,12,40,.75) 0%,rgba(6,12,40,0) 26%)}
.hero-reel .container{position:relative;width:100%}
.hero-copy{max-width:760px}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:100px;background:rgba(6,12,40,.55);border:1px solid var(--border-2);backdrop-filter:blur(10px);font-family:var(--serif);font-size:13px;font-weight:500;color:var(--cream);margin-bottom:30px}
.hero-kicker i{width:8px;height:8px;border-radius:50%;background:var(--coral-2);box-shadow:0 0 0 4px rgba(228,174,138,.18);animation:pulse 2.4s infinite}
.hero-reel h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.4vw,5.9rem);line-height:.98;letter-spacing:-.05em;color:var(--cream);max-width:12.5ch;margin:0 0 28px}
.hero-reel h1 em{display:inline}
.hero-reel .hero-sub{margin:0 0 38px;max-width:50ch;font-size:clamp(1rem,1.25vw,1.15rem);color:var(--cream-mute)}
.hero-reel .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:0;justify-content:flex-start}
.btn-play{display:inline-flex;align-items:center;gap:14px;padding:7px 24px 7px 7px;border-radius:100px;border:1px solid var(--border-2);background:rgba(6,12,40,.45);backdrop-filter:blur(12px);color:var(--cream);font-family:var(--serif);font-weight:500;font-size:15px;transition:border-color .3s,background .3s,transform .3s var(--ease)}
.btn-play:hover{border-color:var(--coral-2);background:rgba(6,12,40,.7);transform:translateY(-2px)}
.btn-play i{width:42px;height:42px;border-radius:50%;background:var(--cream);display:grid;place-items:center;flex-shrink:0;transition:transform .4s var(--ease)}
.btn-play:hover i{transform:scale(1.08)}
.btn-play i::before{content:'';border-left:12px solid #060C28;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent;margin-left:4px}
.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:64px;border-top:1px solid var(--border-2)}
.hero-facts div{padding:18px 22px 0 0}
.hero-facts b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.03em;color:var(--cream);line-height:1.1}
.hero-facts div>span{display:block;font-size:12.5px;color:var(--cream-soft);margin-top:6px;line-height:1.4}
.hero-facts b span{font:inherit;color:inherit;letter-spacing:inherit}
.hero-scroll{position:absolute;right:48px;bottom:56px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-soft);writing-mode:vertical-rl}
.hero-scroll::after{content:'';width:1px;height:64px;background:linear-gradient(var(--coral-2),transparent);animation:scrollLine 2.2s var(--ease) infinite}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:1100px){.hero-scroll{display:none}}
@media(max-width:900px){
  .hero-reel{align-items:flex-end;padding:140px 0 40px;min-height:92svh}
  .hero-shade{background:linear-gradient(0deg,#060C28 0%,rgba(6,12,40,.94) 38%,rgba(6,12,40,.55) 70%,rgba(6,12,40,.35) 100%)}
  .hero-facts{grid-template-columns:repeat(2,1fr);margin-top:44px}
  .hero-facts div{padding:16px 12px 14px 0;border-bottom:1px solid var(--border)}
}

/* ---------- Müşteri logoları ---------- */
.clients{padding:56px 0 64px;border-bottom:1px solid var(--border);position:relative}
.clients-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.clients-head p{font-size:14px;color:var(--cream-soft);margin:0}
.clients-head .eyebrow{margin:0}
.logo-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;align-items:center;gap:72px;padding-right:72px;flex-shrink:0;animation:marquee 60s linear infinite}
.logo-marquee:hover .logo-track,.logo-marquee.paused .logo-track{animation-play-state:paused}
.logo-track img{height:var(--h,40px);width:auto;opacity:.62;transition:opacity .3s;flex-shrink:0}
.logo-track img:hover{opacity:1}
.marquee-toggle{position:absolute;right:24px;bottom:18px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border-2);color:var(--cream-soft);display:grid;place-items:center;font-size:11px;transition:color .2s,border-color .2s}
.marquee-toggle:hover{color:var(--cream);border-color:var(--coral-2)}
@media(min-width:1024px){.marquee-toggle{right:48px}}

/* ---------- Seçili işler ---------- */
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px}
.wcard{position:relative;display:block;grid-column:span 6;color:var(--cream)}
.wcard.span-12{grid-column:span 12}.wcard.span-7{grid-column:span 7}.wcard.span-5{grid-column:span 5}.wcard.span-8{grid-column:span 8}.wcard.span-4{grid-column:span 4}
.wcard-media{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--surface);aspect-ratio:var(--ar,4/3);border:1px solid var(--border);isolation:isolate}
.wcard-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.wcard:hover .wcard-media>img{transform:scale(1.035)}
.peek{position:absolute;right:5%;bottom:-6%;z-index:2;width:22%;max-width:168px;min-width:96px;aspect-ratio:9/19;border-radius:24px;padding:5px;background:linear-gradient(160deg,#30354D,#0E1222);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1.5px rgba(228,174,138,.4);transform:translateY(34%) rotate(7deg);opacity:0;transition:transform .8s var(--ease),opacity .5s;pointer-events:none}
.peek video{display:block;width:100%;height:100%;object-fit:cover;border-radius:19px;background:#000}
.wcard:hover .peek,.wcard.playing .peek,.icard:hover .peek,.icard.playing .peek{transform:translateY(0) rotate(4deg);opacity:1}
.wcard-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,40,0) 55%,rgba(6,12,40,.55));pointer-events:none;z-index:1}
.wcard-num{position:absolute;top:18px;left:20px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#fff;background:rgba(6,12,40,.45);backdrop-filter:blur(8px);padding:6px 10px;border-radius:100px}
.wcard-go{position:absolute;right:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.wcard:hover .wcard-go,.wcard:focus-visible .wcard-go{opacity:1;transform:none}
.wcard-body{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 4px 0}
.wcard-client{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-2);font-weight:500;margin-bottom:8px;font-family:var(--serif)}
.wcard h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.9vw,1.7rem);letter-spacing:-.03em;line-height:1.15;max-width:24ch}
.wcard .tags{justify-content:flex-end;max-width:46%;padding-top:4px}
@media(max-width:900px){
  .work-grid{grid-template-columns:minmax(0,1fr);gap:44px 0}
  .wcard,.wcard.span-7,.wcard.span-5,.wcard.span-8,.wcard.span-4{grid-column:span 12}
  .wcard-media{aspect-ratio:var(--ar-m,4/3)}
  .wcard-body{flex-direction:column;gap:12px}
  .wcard .tags{justify-content:flex-start;max-width:none}
  .wcard-go{opacity:1;transform:none;padding:8px 13px;font-size:12px}
}

/* ---------- Şehirde: sabitlenen yatay galeri ---------- */
.hpin{position:relative;border-top:1px solid var(--border)}
.hpin-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:110px 0 40px}
.hpin-sticky>.container{width:100%}
.hpin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.hpin-head h2{font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.04em;line-height:1.02}
.hpin-head p{max-width:42ch;font-size:15px;margin-top:12px}
.hpin-count{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--cream-soft);letter-spacing:.1em}
.hpin-count b{color:var(--cream);font-weight:500;font-size:28px;letter-spacing:-.02em;font-family:var(--serif)}
.hpin-track{display:flex;gap:24px;padding:0 max(24px,calc((100vw - var(--container))/2 + 48px));will-change:transform;transform:translate3d(var(--x,0px),0,0)}
.hpin-item{flex:0 0 auto;height:min(58vh,560px);position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border)}
.hpin-item img{height:100%;width:auto;max-width:none;object-fit:cover}
.hpin-item.w-wide img{width:min(86vw,1000px)}
.hpin-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;background:linear-gradient(0deg,rgba(6,12,40,.9),rgba(6,12,40,0));font-size:13px;color:var(--cream-mute)}
.hpin-item figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:16px;color:var(--cream);margin-bottom:2px}
.hpin-bar{height:2px;background:var(--border);margin-top:34px;border-radius:2px;overflow:hidden}
.hpin-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--coral),var(--coral-2));transform-origin:left;transform:scaleX(var(--p,0))}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .hpin{height:auto!important}
  .hpin-sticky{position:relative;height:auto;padding:90px 0 70px}
  .hpin-track{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;padding:0 24px 12px;scrollbar-width:none}
  .hpin-track::-webkit-scrollbar{display:none}
  .hpin-item{scroll-snap-align:center;height:min(62vw,380px)}
  .hpin-bar{display:none}
}

/* ---------- Ekranda: web vitrini ---------- */
.webshow-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:72px}
.webshow-feature h3{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.035em;line-height:1.1;margin:10px 0 16px}
.webshow-feature p{font-size:15px;margin-bottom:22px}
.lang-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.lang-chips span{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;padding:6px 10px;border-radius:8px;background:rgba(232,236,250,.05);border:1px solid var(--border);color:var(--cream-mute)}
.lang-chips span.on{background:var(--coral);border-color:var(--coral);color:#fff}
@media(max-width:900px){.webshow-feature{grid-template-columns:1fr;gap:36px}}
.laptop{position:relative;width:100%;margin:0 auto}
.laptop-lid{position:relative;padding:2.2% 2.2% 3.2%;border-radius:22px 22px 10px 10px;background:linear-gradient(180deg,#2A2F45,#151A2E);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 40px 80px rgba(0,0,0,.45)}
.laptop-lid::before{content:'';position:absolute;top:1.1%;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#0A0D18}
.laptop-base{height:14px;margin:0 -7%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#3A3F57,#1B2033);position:relative}
.laptop-base::before{content:'';position:absolute;top:0;left:50%;width:16%;height:6px;margin-left:-8%;border-radius:0 0 8px 8px;background:#0F1324}
.screen{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#fff;container-type:inline-size}
.screen img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);transition:transform 1.2s var(--ease)}
.screen.scrolling img{animation:screenScroll var(--dur,16s) ease-in-out infinite alternate}
@keyframes screenScroll{0%,6%{transform:translate3d(0,0,0)}94%,100%{transform:translate3d(0,calc(-100% + 62.5cqw),0)}}
.browser{border-radius:16px;overflow:hidden;background:#0F1430;border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.browser-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#151B3B;border-bottom:1px solid var(--border)}
.browser-bar i{width:9px;height:9px;border-radius:50%;background:rgba(232,236,250,.18)}
.browser-bar i:nth-child(1){background:#E5675A}.browser-bar i:nth-child(2){background:#E8B04B}.browser-bar i:nth-child(3){background:#5BBE6B}
.browser-bar span{flex:1;margin-left:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--cream-soft);background:rgba(6,12,40,.6);border-radius:7px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
@media(max-width:1000px){.web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.web-grid{grid-template-columns:1fr}}
.webcard .screen{border-radius:0}
.webcard figcaption{padding:16px 2px 0;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.webcard figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:16.5px;color:var(--cream);letter-spacing:-.01em}
.webcard figcaption span{font-size:13px;color:var(--cream-soft)}
.webcard figcaption a{font-size:12.5px;color:var(--coral-2);white-space:nowrap;padding-top:2px}
.webcard figcaption a:hover{text-decoration:underline}
.webcard.typo .screen{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#2A3170,#0C1430 70%)}
.webcard.typo .screen strong{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,4cqw,2.4rem);letter-spacing:-.04em;color:var(--cream)}

/* ---------- Telefonda: Reels ---------- */
.phones{display:flex;gap:24px;justify-content:center;align-items:flex-start;padding:10px 0 20px}
.phone{position:relative;flex:0 1 236px;min-width:0;text-align:left;cursor:pointer;background:none;border:0;padding:0;color:inherit;transition:transform .5s var(--ease)}
.phone:nth-child(even){margin-top:64px}
.phone:hover{transform:translateY(-8px)}
.phone-frame{position:relative;display:block;aspect-ratio:9/19.3;border-radius:38px;padding:9px;background:linear-gradient(160deg,#30354D,#0E1222 60%);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 1.5px rgba(228,174,138,.35),0 30px 60px rgba(0,0,0,.5)}
.phone-frame::after{content:'';position:absolute;top:17px;left:50%;width:30%;height:16px;margin-left:-15%;border-radius:20px;background:#05070F;z-index:3}
.phone-screen{position:relative;display:block;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000}
.phone-screen img,.phone-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone-screen video{opacity:0;transition:opacity .5s}
.phone.playing .phone-screen video{opacity:1}
.phone-play{position:absolute;left:50%;top:50%;z-index:4;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:all .35s var(--ease)}
.phone-play::before{content:'';border-left:15px solid #060C28;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.phone:hover .phone-play,.phone:focus-visible .phone-play{opacity:1;transform:none}
.phone-cap{display:block;padding:16px 4px 0}
.phone-cap b{display:block;font-family:var(--serif);font-weight:500;color:var(--cream);font-size:15px}
.phone-cap span{font-size:12.5px;color:var(--cream-soft)}
@media(max-width:900px){
  .phones{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 24px 20px;margin:0 -24px;scrollbar-width:none}
  .phones::-webkit-scrollbar{display:none}
  .phone{scroll-snap-align:center;flex:0 0 62vw;width:62vw;max-width:250px}
  .phone:nth-child(even){margin-top:0}
  .phone-play{opacity:1;transform:none;width:46px;height:46px;margin:-23px 0 0 -23px}
}

/* ---------- LED ekran ---------- */
.led{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:center}
@media(max-width:1000px){.led{grid-template-columns:1fr}}
.led-stage{position:relative;padding:14px;border-radius:20px;background:linear-gradient(180deg,#1E2338,#0B0E1B);box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 40px 90px rgba(0,0,0,.55)}
.led-screen{position:relative;aspect-ratio:var(--led-ar,32/9);border-radius:8px;overflow:hidden;background:#000;transition:aspect-ratio .6s var(--ease)}
.led-screen video,.led-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.led-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.led-glow{position:absolute;inset:-30px -10px auto;height:60%;background:radial-gradient(ellipse at 50% 100%,rgba(178,105,64,.25),transparent 70%);filter:blur(30px);z-index:-1}
.led-list{display:flex;flex-direction:column;gap:8px}
.led-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-radius:14px;border:1px solid var(--border);background:rgba(232,236,250,.02);color:var(--cream-mute);font-family:var(--serif);font-size:14.5px;font-weight:500;text-align:left;transition:all .3s}
.led-list button small{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--cream-soft)}
.led-list button:hover{border-color:var(--border-2);color:var(--cream)}
.led-list button[aria-pressed=true]{border-color:var(--coral);background:rgba(178,105,64,.12);color:var(--cream)}
@media(max-width:1000px){.led-list{flex-direction:row;overflow-x:auto;scrollbar-width:none}.led-list button{flex:0 0 auto}}

/* ---------- Rafta: ambalaj bento ---------- */
.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(140px,14vw,210px);grid-auto-flow:dense;gap:16px}
.shelf-item{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:zoom-in;display:block;padding:0;color:inherit}
.shelf-item img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.shelf-item.contain img{object-fit:contain;padding:14px}
.shelf-item.light{background:#F2EFEA}
.shelf-item:hover img{transform:scale(1.05)}
.shelf-item figcaption,.shelf-item .cap{position:absolute;left:12px;bottom:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}
.shelf-item .cap span{font-family:var(--serif);font-size:12.5px;font-weight:600;color:#fff;background:rgba(6,12,40,.72);backdrop-filter:blur(8px);padding:6px 11px;border-radius:100px;opacity:0;transform:translateY(6px);transition:all .35s var(--ease)}
.shelf-item:hover .cap span,.shelf-item:focus-visible .cap span{opacity:1;transform:none}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c1{grid-column:span 1}.r2{grid-row:span 2}
@media(max-width:900px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44vw}.c1,.c2,.c3,.c4{grid-column:span 1}.c4,.c3.wide{grid-column:span 2}.shelf-item .cap span{opacity:1;transform:none}}

/* ---------- Sosyal medya duvarı ---------- */
.sowall{columns:4 240px;column-gap:16px}
.sowall .shelf-item{break-inside:avoid;margin-bottom:16px;display:block;height:auto}
.sowall .shelf-item img{height:auto}

/* ---------- Rakamlar ---------- */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}
.facts div{padding:40px 28px 36px 0}
.facts div + div{padding-left:28px;border-left:1px solid var(--border)}
.facts b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.05em;line-height:1;color:var(--cream)}
.facts b sup{font-size:.45em;color:var(--coral-2);vertical-align:top;margin-left:4px;letter-spacing:0}
.facts div>span{display:block;margin-top:14px;font-size:14px;color:var(--cream-mute);max-width:24ch;line-height:1.5}
.facts b span{font:inherit;color:inherit;letter-spacing:inherit}
@media(max-width:900px){.facts{grid-template-columns:repeat(2,1fr)}.facts div{padding:28px 14px 26px 0}.facts div + div{padding-left:0;border-left:0}.facts div:nth-child(even){padding-left:18px;border-left:1px solid var(--border)}.facts div:nth-child(-n+2){border-bottom:1px solid var(--border)}}

/* ---------- Disiplinler (görselli) ---------- */
.disc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.disc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:28px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--surface);isolation:isolate;color:var(--cream)}
.disc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease),opacity .6s;opacity:.55}
.disc::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,12,40,.96) 18%,rgba(6,12,40,.35) 100%)}
.disc:hover img{transform:scale(1.06);opacity:.75}
.disc .hub-num{margin-bottom:auto}
.disc h3{font-family:var(--serif);font-size:1.45rem;font-weight:500;letter-spacing:-.025em;margin:0 0 10px}
.disc p{font-size:14px;color:var(--cream-mute);max-width:36ch;margin:0 0 16px}
.disc .tags li{background:rgba(6,12,40,.4)}
@media(max-width:1000px){.disc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.disc-grid{grid-template-columns:1fr}.disc{min-height:280px}}

/* ---------- Açık bölümlerde yazılım kartı görseli ---------- */
.sw-shot{margin:4px 0 6px;border-radius:12px;overflow:hidden;border:1px solid rgba(10,15,46,.08);aspect-ratio:16/9}
.sw-shot img{width:100%;height:100%;object-fit:cover;object-position:top}

/* ---------- CTA kutuları ---------- */
.cta-tiles{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-top:44px;text-align:left}
.cta-tile{display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:200px;padding:30px;border-radius:var(--r-md);border:1px solid var(--border-2);background:rgba(232,236,250,.03);color:var(--cream);transition:all .35s var(--ease);cursor:pointer;font:inherit;text-align:left}
.cta-tile:hover{border-color:var(--coral-2);transform:translateY(-4px);background:rgba(178,105,64,.08)}
.cta-tile small{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:600}
.cta-tile strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.03em;line-height:1.15;margin-top:10px}
.cta-tile span.arrow{align-self:flex-end;width:46px;height:46px;border-radius:50%;border:1px solid var(--border-2);display:grid;place-items:center;font-size:18px;transition:all .3s}
.cta-tile:hover span.arrow{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.cta-tile.primary{background:linear-gradient(135deg,rgba(178,105,64,.22),rgba(138,74,46,.12));border-color:rgba(228,174,138,.4)}
@media(max-width:900px){.cta-tiles{grid-template-columns:1fr}.cta-tile{min-height:150px}}

/* ---------- Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:70px 24px 40px;background:rgba(3,6,20,.94);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.lb.open{opacity:1;visibility:visible}
.lb-stage{position:relative;max-width:min(1400px,100%);max-height:100%;display:flex;align-items:center;justify-content:center}
.lb-stage img,.lb-stage video{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100svh - 140px);border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);background:#000}
.lb-stage video.vert{height:calc(100svh - 140px);width:auto;aspect-ratio:9/16}
.lb-close{position:fixed;top:18px;right:18px;width:46px;height:46px;border-radius:50%;background:rgba(232,236,250,.08);border:1px solid var(--border-2);color:var(--cream);display:grid;place-items:center;font-size:20px;z-index:3}
.lb-close:hover{background:var(--coral);border-color:var(--coral)}
.lb-nav{position:fixed;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:rgba(232,236,250,.06);border:1px solid var(--border-2);color:var(--cream);display:grid;place-items:center;font-size:20px;z-index:3}
.lb-nav:hover{background:rgba(232,236,250,.16)}
.lb-prev{left:18px}.lb-next{right:18px}
.lb-cap{position:fixed;left:0;right:0;bottom:14px;text-align:center;font-size:13px;color:var(--cream-mute);padding:0 70px}
.lb-cap b{color:var(--cream);font-weight:500;font-family:var(--serif)}
.lb[data-single] .lb-nav{display:none}
@media(max-width:700px){.lb-nav{top:auto;bottom:40px;margin:0}.lb-prev{left:16px}.lb-next{right:16px}.lb-cap{bottom:100px}}

/* ---------- Portfolyo talep penceresi ---------- */
.pm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}
.pm.open{visibility:visible;opacity:1}
.pm-bg{position:absolute;inset:0;background:rgba(4,8,30,.78);backdrop-filter:blur(10px)}
.pm-card{position:relative;width:min(1040px,100%);max-height:calc(100vh - 48px);max-height:calc(100svh - 48px);overflow:auto;display:grid;grid-template-columns:.92fr 1.08fr;border-radius:26px;background:var(--surface);border:1px solid var(--border-2);box-shadow:0 40px 120px rgba(0,0,0,.6);transform:translateY(24px) scale(.98);transition:transform .5s var(--ease)}
.pm.open .pm-card{transform:none}
.pm-side{position:relative;padding:40px 36px;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;overflow:hidden;isolation:isolate;background:#0A1030}
.pm-collage{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:34%;gap:8px;padding:8px;transform:rotate(-6deg) scale(1.25);opacity:.75}
.pm-collage img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.pm-side::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0A1030 30%,rgba(10,16,48,.55) 70%,rgba(10,16,48,.2))}
.pm-side h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.6vw,2.3rem);letter-spacing:-.04em;line-height:1.08;color:var(--cream)}
.pm-side p{font-size:14px;color:var(--cream-mute);margin-top:12px}
.pm-side ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:8px}
.pm-side li{font-size:13.5px;color:var(--cream-mute);padding-left:22px;position:relative}
.pm-side li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:7px;border-left:2px solid var(--coral-2);border-bottom:2px solid var(--coral-2);transform:rotate(-45deg)}
.pm-form{padding:40px 38px 34px}
.pm-form h4{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--cream);margin-bottom:6px}
.pm-form .step-desc{font-size:13.5px;margin-bottom:22px;color:var(--cream-mute)}
.pm-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-form .form-row{margin-bottom:12px}
.pm-form .form-row label{font-size:11px}
.pm-form .form-input,.pm-form select.form-input{padding:12px 14px;font-size:14.5px}
.pm-form select.form-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cream-mute) 50%),linear-gradient(135deg,var(--cream-mute) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.pm-form select.form-input option{background:#0C1430;color:var(--cream)}
.chip-row{display:flex;flex-wrap:wrap;gap:7px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:8px 13px;border-radius:100px;border:1.5px solid var(--border);font-size:13px;color:var(--cream-mute);cursor:pointer;transition:all .2s;user-select:none}
.chip input:checked + span{border-color:var(--coral);background:rgba(178,105,64,.14);color:var(--cream)}
.chip input:focus-visible + span{outline:2px solid var(--coral-2);outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--cream-soft);margin:6px 0 18px;line-height:1.5;cursor:pointer}
.consent input{margin-top:3px;accent-color:var(--coral);width:16px;height:16px;flex-shrink:0}
.pm-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pm-actions small{font-size:12px;color:var(--cream-soft)}
.pm-close{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:rgba(6,12,40,.6);color:var(--cream);display:grid;place-items:center;transition:all .3s}
.pm-close:hover{background:var(--coral);border-color:var(--coral);transform:rotate(90deg)}
.pm-done{display:none;text-align:center;padding:30px 10px}
.pm.sent .pm-done{display:block}
.pm.sent form{display:none}
@media(max-width:860px){.pm-card{grid-template-columns:1fr}.pm-side{min-height:220px;padding:30px 26px}.pm-side ul{display:none}.pm-form{padding:28px 24px}.pm-row2{grid-template-columns:1fr}}

/* ---------- Projeler sayfası ---------- */
.idx-hero{padding:180px 0 50px}
.idx-hero h1{font-size:clamp(2.6rem,7vw,6rem);letter-spacing:-.05em;line-height:.98;max-width:12ch}
.idx-hero h1 sup{font-size:.3em;color:var(--coral-2);font-family:'JetBrains Mono',monospace;letter-spacing:0;vertical-align:super;margin-left:10px}
.idx-hero p{max-width:56ch;font-size:16px;margin-top:22px}
.filters{position:sticky;top:76px;z-index:50;padding:14px 0;background:rgba(6,12,40,.86);backdrop-filter:blur(16px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.filters-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:0 0 auto;padding:9px 15px;border-radius:100px;border:1px solid var(--border-2);color:var(--cream-mute);font-family:var(--serif);font-size:13.5px;font-weight:500;transition:all .25s}
.chips button sup{font-family:'JetBrains Mono',monospace;font-size:10px;margin-left:4px;color:var(--cream-soft)}
.chips button:hover{color:var(--cream);border-color:var(--cream-soft)}
.chips button[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.chips button[aria-pressed=true] sup{color:var(--ink)}
.view-toggle{display:flex;gap:4px;padding:4px;border-radius:100px;border:1px solid var(--border-2);flex-shrink:0}
.view-toggle button{padding:7px 13px;border-radius:100px;font-size:12.5px;color:var(--cream-mute);font-family:var(--serif)}
.view-toggle button[aria-pressed=true]{background:rgba(232,236,250,.12);color:var(--cream)}
@media(max-width:700px){.view-toggle{display:none}.filters{top:64px}}
.idx{padding:48px 0 110px}
.idx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;list-style:none}
@media(max-width:1000px){.idx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.idx-grid{grid-template-columns:1fr}}
.idx-grid li[hidden]{display:none}
.icard{display:block;color:var(--cream);cursor:pointer;text-align:left;width:100%;background:none;border:0;padding:0;font:inherit}
.icard-media{position:relative;aspect-ratio:4/3.1;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border)}
.icard-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.icard:hover .icard-media>img{transform:scale(1.04)}
.icard-badge{position:absolute;top:14px;left:14px;font-size:11px;font-family:var(--serif);font-weight:600;padding:6px 10px;border-radius:100px;background:rgba(6,12,40,.6);backdrop-filter:blur(8px);color:var(--cream)}
.icard-body{padding:16px 2px 0}
.icard-body small{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:500}
.icard-body small em{font-style:normal;color:var(--cream-soft);letter-spacing:.04em;text-transform:none;font-family:var(--font);font-weight:400}
.icard-body h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:-.025em;margin:8px 0 10px;line-height:1.2}
.icard-body .tags li{font-size:11px;padding:4px 9px}
.idx-grid.list{grid-template-columns:1fr;gap:0}
.idx-grid.list li{border-top:1px solid var(--border)}
.idx-grid.list li:last-child{border-bottom:1px solid var(--border)}
.idx-grid.list .icard{display:grid;grid-template-columns:60px 1.3fr 1fr 1.2fr 40px;align-items:center;gap:20px;padding:22px 4px}
.idx-grid.list .icard-media{display:none}
.idx-grid.list .icard-body{display:contents}
.idx-grid.list .icard-body small{order:3;justify-content:flex-start;gap:12px}
.idx-grid.list .icard-body h3{order:2;margin:0;font-size:1.1rem}
.idx-grid.list .icard-body .tags{order:4}
.idx-grid.list .icard::before{content:attr(data-no);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cream-soft);order:1}
.idx-grid.list .icard::after{content:'→';order:5;color:var(--coral-2);text-align:right}
.idx-grid.list .icard:hover h3{color:var(--coral-2)}
.idx-empty{display:none;padding:60px 0;text-align:center;color:var(--cream-mute)}
.idx-empty.show{display:block}
.cursor-preview{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;pointer-events:none;z-index:90;opacity:0;transition:opacity .25s;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cursor-preview img{width:100%;height:100%;object-fit:cover}
.cursor-preview.on{opacity:1}

/* ---------- Vaka (proje) sayfası ---------- */
.case-hero{padding:170px 0 0}
.case-crumb{font-size:13px;color:var(--cream-soft);margin-bottom:26px}
.case-crumb a{color:var(--cream-mute)}.case-crumb a:hover{color:var(--coral-2)}
.case-client{display:inline-flex;align-items:center;gap:12px;font-family:var(--serif);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-2);font-weight:600;margin-bottom:22px}
.case-client img{height:26px;width:auto;opacity:.9}
.case-hero h1{font-size:clamp(2.6rem,6.6vw,6rem);letter-spacing:-.05em;line-height:.98;max-width:15ch;margin-bottom:28px}
.case-lead{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:58ch;color:var(--cream-mute);line-height:1.6}
.case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:56px 0 0;border-top:1px solid var(--border-2)}
.case-meta div{padding:20px 20px 22px 0}
.case-meta div + div{padding-left:20px;border-left:1px solid var(--border)}
.case-meta dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);margin-bottom:8px;font-family:var(--serif);font-weight:600}
.case-meta dd{font-size:14.5px;color:var(--cream);line-height:1.55}
.case-meta dd a{color:var(--coral-2)}.case-meta dd a:hover{text-decoration:underline}
@media(max-width:900px){.case-meta{grid-template-columns:1fr 1fr}.case-meta div + div{border-left:0;padding-left:0}.case-meta div{border-bottom:1px solid var(--border);padding-right:12px}}
.case-key{margin-top:64px}
.case-key .frame{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);aspect-ratio:var(--ar,16/8)}
.case-key img,.case-key video{width:100%;height:100%;object-fit:cover}
.case-intro{padding:110px 0 30px}
.case-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.case-intro h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.1;max-width:16ch}
.case-intro p{font-size:16px;line-height:1.75;margin-bottom:16px}
@media(max-width:900px){.case-intro-grid{grid-template-columns:1fr;gap:24px}}
.chapter{padding:70px 0}
.chapter-head{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:40px;margin-bottom:40px;align-items:start}
.chapter-head .num{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--coral-2);padding-top:10px}
.chapter-head h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-.035em;line-height:1.1}
.chapter-head p{font-size:15.5px;line-height:1.75}
@media(max-width:900px){.chapter-head{grid-template-columns:1fr;gap:12px}}
.m-full,.m-duo,.m-trio,.m-bento,.m-strip,.m-quad{display:grid;gap:16px}
.m-duo{grid-template-columns:1fr 1fr}
.m-trio{grid-template-columns:repeat(3,1fr)}
.m-quad{grid-template-columns:repeat(4,1fr)}
.m-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(160px,18vw,280px)}
.m-full + .m-duo,.m-full + .m-trio,.m-duo + .m-full,.m-duo + .m-trio,.m-trio + .m-full,.m-trio + .m-duo,.m-quad + .m-duo,.m-duo + .m-quad,.m-bento + .m-trio,.m-trio + .m-bento,.m-full + .m-quad,.m-quad + .m-full,.m-full + .m-bento,.m-bento + .m-full{margin-top:16px}
@media(max-width:800px){.m-duo,.m-trio{grid-template-columns:1fr}.m-quad{grid-template-columns:1fr 1fr}.m-bento{grid-template-columns:1fr 1fr;grid-auto-rows:46vw}}
.mi{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:zoom-in;display:block;padding:0;width:100%;color:inherit}
.mi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.mi:hover img{transform:scale(1.025)}
.mi.contain img{object-fit:contain}
.mi.light{background:#F3F1EC;border-color:rgba(10,15,46,.06)}
.mi.dark{background:#05070F}
.m-bento .mi{height:100%}
.mi.c2{grid-column:span 2}.mi.r2{grid-row:span 2}
.m-full .mi{aspect-ratio:var(--ar,16/9)}
.m-duo .mi,.m-trio .mi,.m-quad .mi{aspect-ratio:var(--ar,4/3)}
.mi figcaption{position:absolute;left:14px;bottom:12px;font-size:12px;color:#fff;background:rgba(6,12,40,.66);backdrop-filter:blur(6px);padding:5px 10px;border-radius:100px;pointer-events:none}
.m-laptops{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:800px){.m-laptops{grid-template-columns:1fr}}
.m-laptop-one{max-width:1080px;margin:0 auto}
.deliver{padding:90px 0}
.deliver-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}
.deliver ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;counter-reset:d}
.deliver li{counter-increment:d;display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);font-size:15px;color:var(--cream)}
.deliver li::before{content:counter(d,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--coral-2);padding-top:4px}
@media(max-width:900px){.deliver-grid{grid-template-columns:1fr;gap:24px}.deliver ul{grid-template-columns:1fr}}
.next-case{display:block;position:relative;margin-top:20px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);min-height:440px;isolation:isolate;color:var(--cream)}
.next-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.next-case::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,40,.95) 10%,rgba(6,12,40,.35) 70%)}
.next-case:hover img{transform:scale(1.04)}
.next-case-inner{padding:56px 48px;max-width:640px}
.next-case small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:600}
.next-case strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.6vw,4rem);letter-spacing:-.045em;line-height:1;margin:16px 0}
.next-case span{font-size:15px;color:var(--cream-mute)}
.next-case .go{display:inline-flex;margin-top:28px;align-items:center;gap:10px;padding:13px 22px;border-radius:100px;background:var(--cream);color:var(--ink);font-family:var(--serif);font-weight:600;font-size:14px}
@media(max-width:700px){.next-case{min-height:360px}.next-case-inner{padding:36px 24px}}
.rel-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
@media(max-width:900px){.rel-cases{grid-template-columns:1fr}}

/* ---------- Görsel ortaya çıkma ---------- */
.reveal-img{clip-path:inset(8% 6% 8% 6% round 26px);transition:clip-path 1.1s var(--ease)}
.reveal-img img{transform:scale(1.12);transition:transform 1.4s var(--ease)}
.reveal-img.in{clip-path:inset(0 0 0 0 round 26px)}
.reveal-img.in img{transform:none}

/* ---------- Hareket azaltma ---------- */
@media(prefers-reduced-motion:reduce){
  .logo-track,.screen.scrolling img,.hero-scroll::after,.hero-kicker i{animation:none!important}
  .reveal,.reveal-img,.reveal-img img{transition:none!important;clip-path:none!important;transform:none!important;opacity:1!important}
}

/* ---------- Tasarım → uygulama karşılaştırma ---------- */
.ba{position:relative;aspect-ratio:var(--ar,16/9);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);user-select:none;-webkit-user-select:none;margin-bottom:16px;touch-action:pan-y}
.ba-pane{position:absolute;inset:0}
.ba-pane img{width:100%;height:100%;object-fit:cover;display:block}
.ba-before.contain{background:#F3F1EC}
.ba-before.contain img{object-fit:contain;padding:4%}
.ba-after{clip-path:inset(0 0 0 var(--x))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.45);pointer-events:none;z-index:3}
.ba-line i{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ba-line i::before,.ba-line i::after{content:'';position:absolute;top:50%;width:0;height:0;margin-top:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ba-line i::before{left:12px;border-right:8px solid #0A0F2E}
.ba-line i::after{right:12px;border-left:8px solid #0A0F2E}
.ba-tag{position:absolute;top:16px;z-index:2;font-size:12px;font-family:var(--serif);font-weight:600;padding:6px 12px;border-radius:100px;background:rgba(6,12,40,.72);color:#fff;backdrop-filter:blur(6px);pointer-events:none}
.ba-tag.l{left:16px}.ba-tag.r{right:16px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0;-webkit-appearance:none;appearance:none}
.ba:has(input:focus-visible) .ba-line i{outline:3px solid var(--coral-2);outline-offset:3px}

/* ===================== Web vitrini: canlı cihaz sahnesi ===================== */
.ws{position:relative}
.ws-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;padding:2px}
.ws-tabs::-webkit-scrollbar{display:none}
.ws-tabs button{position:relative;flex:1 1 0;min-width:168px;text-align:left;padding:14px 16px 19px;border-radius:16px;border:1px solid var(--border);background:rgba(232,236,250,.02);transition:background .3s var(--ease),border-color .3s var(--ease)}
.ws-tabs button b{display:block;font-family:var(--serif);font-weight:500;font-size:16px;color:var(--cream);letter-spacing:-.01em;white-space:nowrap}
.ws-tabs button span{display:block;font-size:12.5px;color:var(--cream-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.ws-tabs button:hover{background:rgba(232,236,250,.05)}
.ws-tabs button[aria-selected="true"]{background:rgba(178,105,64,.10);border-color:rgba(228,174,138,.38)}
.ws-tabs button:focus-visible{outline:2px solid var(--coral-2);outline-offset:2px}
.ws-prog{position:absolute;left:16px;right:16px;bottom:9px;height:2px;border-radius:2px;background:rgba(232,236,250,.10);overflow:hidden;opacity:0;transition:opacity .3s}
.ws-prog::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--peach),var(--coral-2));transform-origin:0 50%;transform:scaleX(var(--p,0))}
.ws-tabs button[aria-selected="true"] .ws-prog{opacity:1}
.ws-stage{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;isolation:isolate;container-type:inline-size;border:1px solid var(--border);
  background:radial-gradient(58% 66% at 50% 44%,rgba(178,105,64,.22),transparent 72%),radial-gradient(38% 46% at 84% 82%,rgba(138,74,46,.18),transparent 70%),linear-gradient(180deg,#0C1338 0%,#060C28 100%)}
.ws-stage::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(232,236,250,.11) 1px,transparent 1.3px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(64% 60% at 50% 45%,#000 0%,transparent 82%);mask-image:radial-gradient(64% 60% at 50% 45%,#000 0%,transparent 82%)}
.ws-cam{position:absolute;inset:0;transition:opacity .42s var(--ease),filter .42s var(--ease)}
.ws.switching .ws-cam{opacity:0;filter:blur(8px)}
.ws-laptop{position:absolute;left:5.5%;top:5.5%;width:74%;container-type:inline-size;transition:left .7s var(--ease)}
.ws-stage[data-solo] .ws-laptop{left:13%}
.ws-lid{position:relative;padding:1.9cqw 1.9cqw 2.6cqw;border-radius:2.2cqw 2.2cqw 1cqw 1cqw;background:linear-gradient(180deg,#2F344C 0%,#151A2D 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 1px 0 rgba(255,255,255,.16) inset,0 4cqw 8cqw rgba(0,0,0,.5)}
.ws-lid::before{content:'';position:absolute;top:.7cqw;left:50%;width:.5cqw;height:.5cqw;margin-left:-.25cqw;border-radius:50%;background:#080B16;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.ws-screen{position:relative;aspect-ratio:16/10;border-radius:.6cqw;overflow:hidden;background:#fff}
.ws-bar{position:absolute;left:0;right:0;top:0;height:3.2cqw;display:flex;align-items:center;gap:.7cqw;padding:0 1.4cqw;background:#F1F2F6;border-bottom:1px solid rgba(10,15,46,.08);z-index:3}
.ws-bar i{width:.85cqw;height:.85cqw;border-radius:50%;background:#FF5F57;flex:none}
.ws-bar i:nth-child(2){background:#FEBC2E}.ws-bar i:nth-child(3){background:#28C840}
.ws-url{margin:0 auto;width:44%;height:2cqw;border-radius:1cqw;background:#fff;border:1px solid rgba(10,15,46,.08);display:flex;align-items:center;justify-content:center;gap:.55cqw;
  font:500 1.05cqw/1 'Inter Tight',system-ui,sans-serif;color:#4A5373;white-space:nowrap;overflow:hidden;transform:translateX(-2.4cqw);padding:0 1cqw}
.ws-url::before{content:'';width:.75cqw;height:.9cqw;flex:none;background:currentColor;opacity:.5;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'><path d='M2 5V3.5a3 3 0 0 1 6 0V5h.5A1.5 1.5 0 0 1 10 6.5v4A1.5 1.5 0 0 1 8.5 12h-7A1.5 1.5 0 0 1 0 10.5v-4A1.5 1.5 0 0 1 1.5 5H2zm1.5 0h3V3.5a1.5 1.5 0 0 0-3 0V5z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'><path d='M2 5V3.5a3 3 0 0 1 6 0V5h.5A1.5 1.5 0 0 1 10 6.5v4A1.5 1.5 0 0 1 8.5 12h-7A1.5 1.5 0 0 1 0 10.5v-4A1.5 1.5 0 0 1 1.5 5H2zm1.5 0h3V3.5a1.5 1.5 0 0 0-3 0V5z'/></svg>") center/contain no-repeat}
.ws-page{position:absolute;left:0;right:0;bottom:0;top:3.2cqw;overflow:hidden;background:#fff}
.ws-page img,.ws-pscreen img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;opacity:0;will-change:transform,opacity;backface-visibility:hidden}
.ws-page img.ws-static,.ws-pscreen img.ws-static{opacity:1}
.ws-glare{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.025) 32%,rgba(255,255,255,0) 32.2%)}
.ws-base{position:relative;height:2.3cqw;margin:0 -6cqw;border-radius:0 0 3.2cqw 3.2cqw/0 0 2.3cqw 2.3cqw;background:linear-gradient(180deg,#5C6285 0%,#2C3149 36%,#161A2B 100%);box-shadow:0 1px 0 rgba(255,255,255,.2) inset}
.ws-base::before{content:'';position:absolute;left:50%;top:0;width:14cqw;height:.9cqw;margin-left:-7cqw;border-radius:0 0 .9cqw .9cqw;background:#1B1F31}
.ws-base::after{content:'';position:absolute;left:2%;right:2%;top:100%;height:6cqw;background:radial-gradient(50% 55% at 50% 0,rgba(0,0,0,.6),transparent 75%);pointer-events:none}
.ws-phone{--pw:19;position:absolute;right:5%;bottom:6.5%;width:calc(var(--pw)*1%);aspect-ratio:9/19.3;container-type:inline-size;z-index:3;
  border-radius:calc(var(--pw)*.155cqw);padding:calc(var(--pw)*.04cqw);background:linear-gradient(160deg,#3B405A,#10142A 60%);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 0 calc(var(--pw)*.007cqw) rgba(228,174,138,.3),0 calc(var(--pw)*.1cqw) calc(var(--pw)*.22cqw) rgba(0,0,0,.55);transition:opacity .45s var(--ease),visibility .45s}
.ws-phone::after{content:'';position:absolute;top:7.6cqw;left:50%;width:30%;height:6.6cqw;margin-left:-15%;border-radius:4cqw;background:#05070F;z-index:3}
.ws-pscreen{position:relative;width:100%;height:100%;border-radius:11.5cqw;overflow:hidden;background:#fff}
.ws-stage[data-nophone] .ws-phone{opacity:0;visibility:hidden}
.ws-cards{position:absolute;inset:0;pointer-events:none;z-index:3}
.ws-cards img{position:absolute;width:21%;height:auto;border-radius:1.1cqw;box-shadow:0 2.4cqw 5cqw rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.10);opacity:0;will-change:transform,opacity}
.ws-cards img:nth-child(1){right:4.5%;top:8%}
.ws-cards img:nth-child(2){right:19%;top:31%}
.ws-toggle{position:absolute;right:14px;top:14px;z-index:6;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(6,12,40,.55);border:1px solid var(--border-2);
  color:var(--cream);font-size:10.5px;letter-spacing:-1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.7;transition:opacity .3s}
.ws-toggle:hover,.ws-toggle:focus-visible{opacity:1}
.ws-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 48px;align-items:start;margin-top:24px}
.ws-text{transition:opacity .35s var(--ease)}
.ws.switching .ws-text{opacity:0}
.ws-desc{font-size:15px;max-width:640px;margin:0 0 12px;min-height:3.3em}
.ws-links{display:flex;gap:24px;flex-wrap:wrap}
.ws-links a[hidden]{display:none}
.ws-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:460px;justify-content:flex-end}
.ws-chips[hidden]{display:none}
.ws-chips span{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;padding:5px 7px;border-radius:7px;background:rgba(232,236,250,.05);border:1px solid var(--border);color:var(--cream-soft);transition:background .3s,color .3s,border-color .3s}
.ws-chips span.on{background:var(--coral);border-color:var(--coral);color:#fff}
.ws-info.single{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ws-info.single .ws-chips{justify-content:flex-start;max-width:none}
.ws-more{margin-top:40px;padding-top:26px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;font-size:14px}
.ws-more small{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-2);margin-right:6px}
.ws-more a{color:var(--cream-mute);border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.ws-more a:hover{color:var(--cream);border-color:var(--coral-2)}
.case-key .ws{margin-top:4px}
@media(max-width:760px){
  .ws-stage{aspect-ratio:4/3.5;border-radius:20px}
  .ws-laptop{left:3.5%;top:9%;width:86%}
  .ws-stage[data-solo] .ws-laptop{left:7%}
  .ws-phone{--pw:26;right:3.5%;bottom:7%}
  .ws-cards img{width:31%}
  .ws-cards img:nth-child(1){right:3%;top:24%}
  .ws-cards img:nth-child(2){display:none}
  .ws-stage[data-nophone] .ws-laptop{top:17%}
  .ws-stage[data-nophone] .ws-cards img:nth-child(1){top:33%}
  .ws-info,.ws-info.single{grid-template-columns:1fr}
  .ws-chips{justify-content:flex-start}
  .ws-tabs{margin:0 -24px 14px;padding:2px 24px}
  .ws-tabs button{flex:0 0 auto;min-width:0;padding:11px 15px 16px}
  .ws-tabs button span{display:none}
  .ws-toggle{width:32px;height:32px;right:10px;top:10px}
}
@media(prefers-reduced-motion:reduce){.ws-cam,.ws-laptop,.ws-text{transition:none}.ws.switching .ws-cam{filter:none}}
/* v10.1 seçki: raf ve sosyal duvar */
@media(max-width:900px){.shelf-item.m2{grid-column:span 2}.shelf{grid-auto-rows:42vw}}
.sowall{columns:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sw-half{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.sw-col{display:flex;flex-direction:column;gap:16px}
.sowall .shelf-item{margin:0;height:auto}
@media(max-width:900px){.sowall,.sw-half,.sw-col{gap:10px}.sw-half{grid-template-columns:1fr}}
.collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:3px;background:var(--surface)}
.collage.b3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px}
.collage.b3 img:first-child{grid-row:span 2}
.wcard:hover .collage img{transform:scale(1.03)}
@media(max-width:900px){.wcard .collage{grid-template-columns:1fr;grid-template-rows:1fr}.wcard .collage img:nth-child(n+2){display:none}.wcard .collage.b3 img:first-child{grid-row:auto}}
.collage img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.icard:hover .collage img{transform:scale(1.04)}
@media(max-width:1000px){.icard .collage{grid-template-columns:1fr 1fr}}
@media(min-width:1001px){.idx-grid>li.wide{grid-column:span 2}.idx-grid>li.wide .icard-media{aspect-ratio:2.66/1}}

/* v10.1 — altılı dikey şerit ve yatay video bloğu */
.m-six{display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}
.m-six .mi{aspect-ratio:var(--ar,9/16)}
@media(max-width:800px){.m-six{grid-template-columns:repeat(3,1fr);gap:8px}}
:is(.m-full,.m-duo,.m-trio,.m-quad,.m-bento,.m-six,.mvid,.ba) + :is(.m-six,.mvid),:is(.m-six,.mvid) + :is(.m-full,.m-duo,.m-trio,.m-quad,.m-bento,.m-six,.mvid,.ba),.ba + :is(.m-full,.m-duo,.m-trio,.m-quad,.m-bento){margin-top:16px}
.mvid{position:relative;display:block;width:100%;aspect-ratio:var(--ar,16/9);border-radius:var(--r-md);overflow:hidden;background:#05070F;border:1px solid var(--border);padding:0;cursor:pointer;color:inherit}
.mvid img,.mvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mvid video{opacity:0;transition:opacity .7s var(--ease)}
.mvid.playing video{opacity:1}
.mvid-cap{position:absolute;left:16px;bottom:14px;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:#fff;background:rgba(6,12,40,.66);backdrop-filter:blur(6px);padding:7px 14px 7px 8px;border-radius:100px;pointer-events:none}
.mvid-cap i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--peach),var(--coral));position:relative;flex:0 0 auto}
.mvid-cap i::after{content:'';position:absolute;left:8.5px;top:6.5px;border-left:7px solid #0A0F2E;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
.ba.ba-tall{max-width:min(100%,560px);margin-left:auto;margin-right:auto}
.rel-cases .wcard{grid-column:auto}
.rel-cases .wcard h3{font-size:clamp(1.05rem,1.35vw,1.25rem)}
.logo-track{animation-duration:var(--dur,60s)}
.logo-marquee + .logo-marquee{margin-top:30px}
.logo-marquee.rev .logo-track{animation-direction:reverse}
@media(max-width:700px){.logo-track{gap:48px;padding-right:48px}.logo-marquee + .logo-marquee{margin-top:22px}}
@media(min-width:1001px){.idx-grid>li.wide.full{grid-column:1/-1}.idx-grid>li.wide.full .icard-media{aspect-ratio:4/1}}
@media(min-width:621px) and (max-width:1000px){.idx-grid>li.wide.full{grid-column:1/-1}.idx-grid>li.wide.full .icard-media{aspect-ratio:2.4/1}}
@media(max-width:1000px){.icard .collage img:nth-child(n+5){display:none}}


/* ===================== v10.2 fx ===================== */
.fx-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:1200;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--coral),var(--coral-2));pointer-events:none}
/* sayfa geçişi: logo parlar, içerik solar */
.logo{position:relative}
.logo img{filter:drop-shadow(0 0 0 rgba(228,174,138,0));transition:filter .45s var(--ease),transform .45s var(--ease)}
body.fx-leaving main,body.fx-leaving footer{opacity:.35;transition:opacity .38s var(--ease);animation:none}
body.fx-leaving .logo img{filter:drop-shadow(0 0 14px rgba(228,174,138,.95)) drop-shadow(0 0 34px rgba(178,105,64,.7));transform:scale(1.06)}
@keyframes fxIn{from{opacity:0}to{opacity:1}}
main{animation:fxIn .55s var(--ease) both}
@keyframes lupxShine{0%{filter:drop-shadow(0 0 0 rgba(228,174,138,0))}35%{filter:drop-shadow(0 0 16px rgba(228,174,138,.9)) drop-shadow(0 0 36px rgba(178,105,64,.6))}100%{filter:drop-shadow(0 0 0 rgba(228,174,138,0))}}
body.fx-ready .logo img{animation:lupxShine 1.1s var(--ease) .1s 1}
@media(prefers-reduced-motion:reduce){body.fx-ready .logo img{animation:none}body.fx-leaving main,body.fx-leaving footer{opacity:1}}
/* imleç etiketi */
.fx-pill{position:fixed;left:0;top:0;z-index:1250;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);will-change:transform}
.fx-pill span{display:block;padding:9px 14px;border-radius:100px;background:var(--cream);color:#0A0F2E;font:600 12px/1 var(--serif);letter-spacing:.02em;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.35);transform:scale(.6);transition:transform .35s var(--ease)}
.fx-pill.on{opacity:1}.fx-pill.on span{transform:scale(1)}.fx-pill.down span{transform:scale(.88)}
/* tilt + parlama */
.fx-tilt{transform-style:preserve-3d;will-change:transform;transition:none}
.fx-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:5;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.14),rgba(228,174,138,.05) 35%,transparent 62%);mix-blend-mode:screen}
.fx-tilt:hover .fx-glare{opacity:1}
.disc.fx-tilt,.sw-item.fx-tilt,.next-case.fx-tilt{position:relative;overflow:hidden}
/* parçalı başlık */
.fx-split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.fx-split .w>span{display:inline-block;transform:translateY(112%);transition:transform .95s var(--ease) calc(var(--i,0)*45ms)}
.fx-split.in .w>span,.in .fx-split .w>span{transform:none}
/* hız bandı */
.fx-band{overflow:hidden;padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(178,105,64,.08),transparent 30%,transparent 70%,rgba(178,105,64,.08))}
.fx-band-track{display:flex;gap:0;white-space:nowrap;will-change:transform;width:max-content}
.fx-band-track span{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,6vw,5.2rem);letter-spacing:-.04em;line-height:1;color:var(--cream);padding:0 .32em;display:inline-flex;align-items:center;gap:.6em}
.fx-band-track span i{width:.22em;height:.22em;border-radius:50%;background:linear-gradient(135deg,var(--coral-2),var(--coral));display:inline-block}
.fx-band-track span.o{color:transparent;-webkit-text-stroke:1px rgba(232,236,250,.45)}
@media(prefers-reduced-motion:reduce){.fx-band-track{animation:none}}
/* iş listesi */
.fx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.fx-list li{border-bottom:1px solid var(--border)}
.fx-list a{display:grid;grid-template-columns:64px minmax(0,1.3fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:20px 8px;color:var(--cream);transition:padding .4s var(--ease),background .3s}
.fx-list a:hover{padding-left:22px;background:linear-gradient(90deg,rgba(228,174,138,.06),transparent 70%)}
.fx-list .n{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--coral-2)}
.fx-list .t{font-family:var(--serif);font-weight:500;font-size:clamp(1.1rem,1.9vw,1.6rem);letter-spacing:-.03em;line-height:1.15}
.fx-list .t,.fx-list .d{text-align:left;justify-self:start}
.fx-list .d{font-size:14px;color:var(--cream-soft)}
.fx-list .g{font-size:13px;color:var(--cream-soft);white-space:nowrap;transition:transform .35s var(--ease),color .3s}
.fx-list a:hover .g{transform:translateX(6px);color:var(--coral-2)}
.fx-list .m{display:none}
@media(max-width:800px){.fx-list a{grid-template-columns:52px minmax(0,1fr) 92px;gap:14px;padding:14px 4px}.fx-list .d,.fx-list .g{display:none}.fx-list .m{display:block;width:92px;aspect-ratio:5/4;border-radius:10px;overflow:hidden;background:var(--surface)}.fx-list .m img{width:100%;height:100%;object-fit:cover}}
.fx-preview{position:fixed;left:0;top:0;z-index:900;width:320px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;transform:translate3d(-500px,-500px,0);box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);background:var(--surface);transition:opacity .3s}
.fx-preview.on{opacity:1}
.fx-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .45s var(--ease),transform .7s var(--ease)}
.fx-preview img.on{opacity:1;transform:none}
.fx-list-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
/* bölüm rayı */
.fx-rail{position:fixed;left:28px;top:50%;transform:translateY(-50%);z-index:60;display:none;flex-direction:column;gap:10px;opacity:0;transition:opacity .4s;pointer-events:none}
.fx-rail.show{opacity:1;pointer-events:auto}
.fx-rail a{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--cream-soft);transition:color .3s}
.fx-rail a i{display:block;width:18px;height:1px;background:currentColor;transition:width .35s var(--ease)}
.fx-rail a b{font-weight:400;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .45s var(--ease),opacity .3s}
.fx-rail a.on{color:var(--coral-2)}.fx-rail a.on i{width:34px}
.fx-rail:hover a b,.fx-rail a.on b{max-width:220px;opacity:1}
@media(min-width:1500px){.fx-rail{display:flex}}
/* anahtar görsel paralaksı */
.fx-parallax img{will-change:transform;transform:scale(1.08)}
/* kart sayısı rozeti kapak üstünde */
.wcard-num{z-index:6}
/* sahne (parallax cutout) */
.stage{position:relative;margin-bottom:16px;aspect-ratio:var(--ar,16/9);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);isolation:isolate;
 background:radial-gradient(60% 50% at 80% 10%,rgba(214,150,96,.22),transparent 62%),radial-gradient(50% 60% at 4% 104%,rgba(84,104,230,.18),transparent 62%),linear-gradient(158deg,#151C4A 0%,#0A1134 50%,#060C28 100%)}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,236,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,250,.05) 1px,transparent 1px);background-size:5% 8.9%;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%)}
.stage-floor{position:absolute;left:-30%;right:-30%;bottom:-6%;height:46%;transform-origin:50% 100%;transform:perspective(700px) rotateX(64deg);opacity:.55;
 background-image:linear-gradient(rgba(214,150,96,.22) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(214,150,96,.22) 1.5px,transparent 1.5px);background-size:5.6% 90px;-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 85%);mask-image:linear-gradient(0deg,#000 10%,transparent 85%)}
.stage-floor::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(228,174,138,.6),transparent)}
.stage-halo{position:absolute;left:25%;top:12%;width:50%;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(214,150,96,.35),rgba(214,150,96,.1) 55%,transparent);filter:blur(30px)}
.stage-el{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;transform:translate(-50%,-50%) rotate(var(--r,0deg));filter:drop-shadow(0 40px 40px rgba(0,0,0,.55)) drop-shadow(0 8px 12px rgba(0,0,0,.35));will-change:transform;
 opacity:0;transition:opacity .9s var(--ease) calc(var(--z,1)*120ms)}
.stage.in .stage-el{opacity:1}
.stage-cap{position:absolute;left:18px;bottom:16px;font-size:12px;padding:6px 10px;border-radius:100px;background:rgba(6,12,40,.6);backdrop-filter:blur(8px);color:var(--cream);z-index:5}
@media(max-width:800px){.stage{--ar:4/3!important}}

/* projeler: web kartı (kaydırılan tarayıcı) */
.icard-web{position:absolute;inset:0;padding:9% 7% 0;display:flex;align-items:flex-end;background:radial-gradient(60% 50% at 80% 10%,rgba(214,150,96,.22),transparent 62%),radial-gradient(50% 60% at 4% 104%,rgba(84,104,230,.18),transparent 62%),linear-gradient(158deg,#151C4A 0%,#0A1134 50%,#060C28 100%)}
.icard-web::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(232,236,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,250,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%)}
.icard-web .browser{position:relative;width:100%;border-radius:12px 12px 0 0;border-bottom:0;transition:transform .7s var(--ease)}
.icard:hover .icard-web .browser{transform:translateY(-8px)}
.icard-web .browser-bar{padding:8px 12px}.icard-web .browser-bar span{font-size:11px}
.lb-cap a{color:var(--coral-2);text-decoration:underline;text-underline-offset:3px}

/* lightbox: tam sayfa ekran görüntüsü kaydırılabilir */
.lb-scroll{width:min(1100px,92vw);max-height:calc(100vh - 140px);max-height:calc(100svh - 140px);overflow:auto;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);background:#fff;scrollbar-width:thin;scrollbar-color:rgba(228,174,138,.6) transparent;overscroll-behavior:contain}
.lb-scroll img{width:100%;max-height:none;border-radius:0;box-shadow:none;display:block}
/* influencer şeridi */
.infl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.infl-item{position:relative;aspect-ratio:9/16;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:zoom-in;padding:0}
.infl-item img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 1s var(--ease)}
.infl-item:hover img{transform:scale(1.04)}
.infl-item .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(0deg,rgba(6,12,40,.85),transparent);font-size:12.5px;color:var(--cream);text-align:left}
@media(max-width:800px){.infl{grid-template-columns:repeat(2,1fr);gap:10px}}
/* Instagram tarzı akış telefonları */
.igwrap{max-width:1180px;margin:0 auto}
.igrow{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.igph{margin:0;cursor:default}
.igph .phone-frame{display:block;aspect-ratio:9/19.2;border-radius:44px;padding:10px;background:linear-gradient(160deg,#30354D,#0E1222 60%);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 2px rgba(214,150,96,.35),0 50px 80px -30px rgba(0,0,0,.75);position:relative}
.igph .phone-frame::after{content:'';position:absolute;top:18px;left:50%;width:30%;height:16px;margin-left:-15%;border-radius:20px;background:#05070F}
.igph .phone-screen{display:block;height:100%;border-radius:34px;overflow:hidden;background:#fff;position:relative}
.ig{position:absolute;left:0;top:0;width:100%;background:#fff;color:#111;font-family:var(--font);transition:transform var(--igdur,14s) ease-in-out;transform:translate3d(0,0,0)}
.ig.scrolling{transform:translate3d(0,var(--igdy,0px),0)}
.ig-top{display:flex;align-items:center;gap:10px;padding:46px 14px 10px}
.ig-ava{width:46px;height:46px;border-radius:50%;background:#0A0F2E;display:grid;place-items:center;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #B26940}
.ig-ava img{width:30px;height:30px;object-fit:contain}
.ig-top b{display:block;font-size:12.5px;font-weight:600;color:#111;letter-spacing:-.01em}
.ig-top small{display:block;font-size:10.5px;color:#666;margin-top:2px}
.ig-tabs{display:flex;border-top:1px solid #e5e5e5;margin-top:6px}
.ig-tabs i{flex:1;height:30px;position:relative}
.ig-tabs i::before{content:'';position:absolute;left:50%;top:9px;width:12px;height:12px;margin-left:-6px;border:1.6px solid #999;border-radius:2px}
.ig-tabs i.on::before{border-color:#111}.ig-tabs i.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:#111}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:#fff}
.phone-screen .ig-grid img,.ig-grid img{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;inset:auto}
.phone-screen .ig-ava img{position:static;width:30px;height:30px;inset:auto}
.igph figcaption{text-align:center;margin-top:14px}
.igph figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:15px;color:var(--cream)}
.igph figcaption span{font-size:12.5px;color:var(--cream-soft)}
@media(max-width:1000px){.igrow{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:520px){.igrow{grid-template-columns:repeat(2,1fr);gap:12px}.ig-top{padding:34px 10px 8px}.ig-ava{width:36px;height:36px}.ig-ava img{width:24px;height:24px}.ig-top b{font-size:11px}.ig-top small{font-size:9.5px}}
/* ===== Vaka medyası: ham ızgara yerine Lupx sahnesi (lacivert sahne + 3D kartlar) ===== */
.chapter :is(.m-full,.m-duo,.m-trio,.m-quad,.m-six){position:relative;padding:clamp(26px,4.2vw,64px) clamp(18px,3.4vw,56px) clamp(30px,4.6vw,72px);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;isolation:isolate;perspective:1800px;gap:clamp(14px,2vw,28px);
 background:radial-gradient(60% 50% at 82% 6%,rgba(214,150,96,.2),transparent 62%),radial-gradient(50% 60% at 2% 104%,rgba(84,104,230,.16),transparent 62%),linear-gradient(158deg,#151C4A 0%,#0A1134 52%,#060C28 100%)}
.chapter :is(.m-full,.m-duo,.m-trio,.m-quad,.m-six)::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(232,236,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,250,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%)}
.chapter :is(.m-full,.m-duo,.m-trio,.m-quad,.m-six)::after{content:'';position:absolute;left:8%;right:8%;bottom:0;height:120px;z-index:-1;background:radial-gradient(ellipse at 50% 100%,rgba(214,150,96,.22),transparent 70%)}
.chapter .mi{border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 46px 70px -28px rgba(0,0,0,.75),0 14px 30px -14px rgba(0,0,0,.6);transform-style:preserve-3d;transition:transform .9s var(--ease),box-shadow .9s var(--ease);-webkit-box-reflect:below 5px linear-gradient(transparent 74%,rgba(255,255,255,.12))}
.chapter .mi::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.2),rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(255,255,255,.05));pointer-events:none}
.chapter .mi:hover{transform:translateY(-8px) rotateX(0) rotateY(0)!important;box-shadow:0 60px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(228,174,138,.35)}
.chapter .mi:hover img{transform:none}
.chapter .m-full .mi{width:min(100%,1040px);margin:0 auto;transform:rotateX(5deg)}
.chapter .m-duo .mi:nth-child(1){transform:rotateY(9deg) rotateX(3deg)}.chapter .m-duo .mi:nth-child(2){transform:rotateY(-9deg) rotateX(3deg)}
.chapter .m-trio .mi:nth-child(1){transform:rotateY(12deg) rotateX(3deg) translateZ(-20px)}.chapter .m-trio .mi:nth-child(2){transform:rotateX(4deg) translateZ(20px)}.chapter .m-trio .mi:nth-child(3){transform:rotateY(-12deg) rotateX(3deg) translateZ(-20px)}
.chapter .m-quad .mi:nth-child(1){transform:rotateY(14deg) rotateX(3deg) translateZ(-30px)}.chapter .m-quad .mi:nth-child(2){transform:rotateY(5deg) rotateX(3deg)}.chapter .m-quad .mi:nth-child(3){transform:rotateY(-5deg) rotateX(3deg)}.chapter .m-quad .mi:nth-child(4){transform:rotateY(-14deg) rotateX(3deg) translateZ(-30px)}
.chapter .m-six .mi{transform:rotateX(4deg)}
.chapter .mi figcaption{left:12px;bottom:10px;font-size:11.5px}
.chapter .m-full{padding-bottom:clamp(40px,6vw,96px)}
@media(max-width:800px){.chapter :is(.m-full,.m-duo,.m-trio,.m-quad,.m-six){padding:18px 14px 26px}.chapter .mi{-webkit-box-reflect:none}.chapter .m-duo .mi,.chapter .m-trio .mi,.chapter .m-quad .mi{transform:rotateX(3deg)}}
@media(prefers-reduced-motion:reduce){.chapter .mi{transform:none!important}}
/* ===== anasayfa rafları da sahnede ===== */
.shelf{position:relative;padding:clamp(22px,3.4vw,52px);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;isolation:isolate;perspective:1800px;
 background:radial-gradient(60% 50% at 82% 6%,rgba(214,150,96,.2),transparent 62%),radial-gradient(50% 60% at 2% 104%,rgba(84,104,230,.16),transparent 62%),linear-gradient(158deg,#151C4A 0%,#0A1134 52%,#060C28 100%)}
.shelf::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(232,236,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,236,250,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 72% 70% at 55% 40%,#000 25%,transparent 78%)}
.shelf .shelf-item{border-radius:14px;box-shadow:0 40px 60px -26px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);transform:rotateX(3deg);transition:transform .8s var(--ease),box-shadow .8s var(--ease)}
.shelf .shelf-item:hover{transform:translateY(-6px);box-shadow:0 60px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(228,174,138,.35)}
/* ===== seçili işler: sinematik sıralar ===== */
.kvrows{display:grid;gap:clamp(40px,6vw,96px)}
.kvrow{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;color:var(--cream)}
.kvrow.alt{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
.kvrow.alt .kvrow-media{order:2}.kvrow.alt .kvrow-body{order:1;text-align:right;align-items:flex-end}
.kvrow-media{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);aspect-ratio:16/10;isolation:isolate;box-shadow:0 60px 100px -40px rgba(0,0,0,.8)}
.kvrow-img{position:absolute;inset:-6% 0;will-change:transform}
.kvrow-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.kvrow:hover .kvrow-img img{transform:scale(1.03)}
.kvrow-media .peek{position:absolute;right:18px;bottom:18px;width:34%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);opacity:0;transform:translateY(24px) scale(.94);transition:opacity .5s var(--ease),transform .7s var(--ease);z-index:3}
.kvrow-media .peek video{width:100%;height:100%;object-fit:cover;display:block}
.kvrow:hover .peek,.kvrow.playing .peek{opacity:1;transform:none}
.kvrow-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.kvrow-no{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--coral-2)}
.kvrow-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:-.035em;line-height:1.08;margin:0}
.kvrow-body p{font-size:15px;color:var(--cream-soft);margin:0;max-width:40ch}
.kvrow-go{margin-top:6px;font-size:14px;color:var(--coral-2);transition:transform .35s var(--ease)}
.kvrow:hover .kvrow-go{transform:translateX(6px)}
@media(max-width:900px){.kvrow,.kvrow.alt{grid-template-columns:1fr;gap:16px}.kvrow.alt .kvrow-media{order:1}.kvrow.alt .kvrow-body{order:2;text-align:left;align-items:flex-start}.kvrow-media{aspect-ratio:4/3}}
/* ===== "kısa kısa": küçük çerçeveli bakışlar, tam ekran görüntüsü yok ===== */
.chapter .m-full{justify-content:center}
.chapter .m-full .mi{width:min(100%,780px);aspect-ratio:16/10!important}
.chapter .m-duo{grid-template-columns:repeat(2,minmax(0,440px));justify-content:center}
.chapter .m-trio{grid-template-columns:repeat(3,minmax(0,320px));justify-content:center}
.chapter .m-quad{grid-template-columns:repeat(4,minmax(0,250px));justify-content:center}
.chapter .m-six{grid-template-columns:repeat(6,minmax(0,150px));justify-content:center}
.chapter .mi img{object-fit:cover}
.chapter .mi.light.contain img,.chapter .mi.dark.contain img{object-fit:contain;padding:4%}
@media(max-width:800px){.chapter .m-duo{grid-template-columns:1fr 1fr}.chapter .m-trio{grid-template-columns:repeat(3,1fr)}.chapter .m-quad{grid-template-columns:1fr 1fr}.chapter .m-six{grid-template-columns:repeat(3,1fr)}}

/* büyütme yok */
.mi,.infl-item,.hpin-item{cursor:default}
.mi{margin:0}
.infl-item{margin:0}
/* ===== vaka bölümleri: yapışkan metin + kaydırılan medya, dönüşümlü ===== */
.chapter-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,64px);align-items:start}
.chapter-grid .chapter-head{display:block;position:sticky;top:110px;margin:0;padding-top:6px}
.chapter-grid .chapter-head .num{display:block;margin-bottom:14px;padding:0}
.chapter-grid .chapter-head h3{margin-bottom:14px}
.chapter-grid .chapter-head p{max-width:34ch}
.chapter-grid.flip .chapter-head{order:2}
.chapter-media{display:grid;gap:clamp(18px,2.4vw,32px);min-width:0}
.chapter-media>*{margin:0!important}
.chapter-media>:nth-child(2){width:86%;justify-self:end}
.chapter-grid.flip .chapter-media>:nth-child(2){justify-self:start}
/* AI sahneleri: çerçevesiz, geniş, hafif paralaks */
.chapter .m-full.ai,.chapter .m-duo.ai{background:none;border:0;padding:0;overflow:visible;perspective:none}
.chapter .m-full.ai::before,.chapter .m-full.ai::after,.chapter .m-duo.ai::before,.chapter .m-duo.ai::after{display:none}
.chapter .m-full.ai .mi{width:100%;transform:none;aspect-ratio:var(--ar,16/9)!important;border-radius:var(--r-lg);-webkit-box-reflect:none;box-shadow:0 60px 100px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.chapter .m-duo.ai{grid-template-columns:1fr 1fr}
.chapter .m-duo.ai .mi{transform:none;-webkit-box-reflect:none;border-radius:var(--r-lg);box-shadow:0 50px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.chapter .m-full.ai .mi:hover,.chapter .m-duo.ai .mi:hover{transform:translateY(-6px)!important}
.chapter .ai .mi img{object-fit:cover}
@media(max-width:900px){.chapter-grid{grid-template-columns:1fr;gap:18px}.chapter-grid .chapter-head{position:static}.chapter-grid.flip .chapter-head{order:0}.chapter-media>:nth-child(2){width:100%}}
.chapter-grid.flip{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.chapter-grid.flip .chapter-media{order:1}
@media(max-width:900px){.chapter-grid.flip{grid-template-columns:1fr}.chapter-grid.flip .chapter-media{order:1}}
/* ===== v10.4: video şeridi ===== */
.pstrip-nav{display:flex;gap:8px}
.pstrip-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--cream);font-size:18px;cursor:pointer;transition:all .3s}
.pstrip-nav button:hover{background:var(--peach);color:#0A0F2E;border-color:var(--peach)}
.pstrip-wrap{position:relative}
.pstrip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 26px;scrollbar-width:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
.pstrip::-webkit-scrollbar{display:none}
.pstrip.dragging{cursor:grabbing;scroll-snap-type:none}
.pstrip .phone{flex:0 0 212px;width:212px;max-width:none;scroll-snap-align:start;margin-top:0}
.pstrip .phone:nth-child(even){margin-top:44px}
.pstrip .phone-cap{padding:12px 2px 0}
.phone-feed{cursor:default}
.phone-feed .phone-screen{background:#05070F}
.pfeed{position:absolute;left:0;top:0;width:100%;display:grid;gap:3px;background:#05070F;transition:transform var(--igdur,14s) ease-in-out;transform:translate3d(0,0,0)}
.pfeed.scrolling{transform:translate3d(0,var(--igdy,0px),0)}
.phone-screen .pfeed img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:top;display:block}
@media(max-width:700px){.pstrip{gap:14px;-webkit-mask-image:none;mask-image:none}.pstrip .phone{flex:0 0 62vw;width:62vw;max-width:250px}.pstrip .phone:nth-child(even){margin-top:0}.pstrip-nav{display:none}}
/* ===== Tuğba LED bloğu + LED duvarı ===== */
.ledblock{margin-top:34px;padding:34px clamp(18px,3vw,40px) clamp(18px,3vw,40px);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08)}
.ledblock-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:24px}
.ledblock-head h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:var(--cream);margin:6px 0 8px}
.ledblock-head h3 em{font-style:normal;color:var(--peach)}
.ledblock-head p{max-width:62ch;color:var(--cream-soft);font-size:14.5px;line-height:1.6;margin:0}
.ledblock-logo{width:84px;height:84px;border-radius:50%;background:#0A0F2E;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 0 3px rgba(178,105,64,.35);flex:none}
.ledblock-logo img{width:58px;height:58px;object-fit:contain}
.ledwall{display:grid;grid-template-columns:minmax(84px,10.4%) 1fr;gap:10px;align-items:stretch}
.ledrows{display:flex;flex-direction:column;gap:10px;min-width:0}
.ledrow{display:flex;gap:10px}
.ledtile{position:relative;margin:0;flex:var(--a) 1 0;aspect-ratio:var(--a);min-width:0;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 30px -14px rgba(0,0,0,.9)}
.ledtile::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}
.ledtile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ledtile figcaption{position:absolute;left:8px;bottom:6px;z-index:2;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.85);background:rgba(5,7,15,.62);padding:3px 7px;border-radius:4px;opacity:0;transform:translateY(4px);transition:all .3s}
.ledtile figcaption i{font-style:normal;color:var(--peach);margin-left:6px}
.ledtile:hover figcaption,.ledwall.labels .ledtile figcaption{opacity:1;transform:none}
.ledtile-v{aspect-ratio:auto}
.ledtile-v video{object-position:top}
@media(max-width:800px){.ledblock-head{grid-template-columns:auto 1fr}.ledblock-head .link-arrow{grid-column:2}.ledwall{grid-template-columns:1fr}.ledtile-v{display:none}.ledrow{flex-direction:column}.ledtile{flex:none;width:100%}.ledtile figcaption{opacity:1;transform:none}}
/* ===== Sosyal: tek gerçekçi telefon ===== */
.social-grid{display:grid;grid-template-columns:1fr 372px;gap:clamp(30px,6vw,90px);align-items:center}
.social-copy h2{margin:10px 0 18px}
.social-copy p{max-width:48ch;margin-bottom:22px}
.social-logos{display:flex;flex-wrap:wrap;gap:22px 28px;align-items:center;margin:0 0 26px;opacity:.8}
.social-logos img{height:var(--h,26px);width:auto;max-width:110px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
.social-phone{justify-self:end;width:100%}
.ig-one{margin:0;width:100%;max-width:372px}
.ig-one .phone-frame{border-radius:50px;padding:11px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 0 2px rgba(228,174,138,.3),0 60px 100px -40px rgba(0,0,0,.9)}
.ig-one .phone-screen{border-radius:40px;background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.ig-fixed-top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:50px 16px 8px;background:#fff;border-bottom:1px solid #efefef}
.ig-fixed-top b{font-size:17px;font-weight:700;letter-spacing:-.02em;color:#111}
.ig-fixed-top span{display:flex;gap:16px}.ig-fixed-top svg,.ig-fixed-bottom svg{width:22px;height:22px;color:#111}
.ig-fixed-bottom{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-around;padding:10px 10px 26px;background:#fff;border-top:1px solid #efefef}
.ig-fixed-bottom .ig-ava{width:24px;height:24px;box-shadow:0 0 0 1.5px #111}.ig-fixed-bottom .ig-ava img{width:14px;height:14px}
.ig-feed{padding:96px 0 70px;color:#111}
.ig-stories{display:flex;gap:14px;padding:4px 12px 12px;border-bottom:1px solid #efefef;overflow:hidden}
.ig-story{display:grid;justify-items:center;gap:4px;flex:none}
.ig-story .ig-ava{width:56px;height:56px;box-shadow:0 0 0 2px #fff,0 0 0 4px #B26940}
.ig-story .ig-ava img{width:36px;height:36px}
.ig-story small{font-size:10.5px;color:#222;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-post{padding:0 0 12px}
.ig-post header{display:flex;align-items:center;gap:10px;padding:10px 12px}
.ig-post header .ig-ava{width:34px;height:34px;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #B26940}
.ig-post header .ig-ava img{width:22px;height:22px}
.ig-post header b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em;color:#111}
.ig-post header small{display:block;font-size:11px;color:#666}
.ig-more{margin-left:auto;font-weight:700;letter-spacing:.1em;color:#111}
.ig-img{aspect-ratio:4/5;background:#f3f3f3;overflow:hidden}
.phone-screen .ig-img img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;display:block}
.ig-actions{display:flex;gap:14px;padding:10px 12px 6px}
.ig-actions span{display:inline-flex}.ig-actions svg{width:24px;height:24px;color:#111}.ig-actions .r{margin-left:auto}
.ig-cap{font-size:13px;line-height:1.4;padding:0 12px;color:#111;margin:0}
.ig-cap b{font-weight:600;margin-right:4px}
.phone-screen .ig-ava img{position:static;inset:auto}
@media(max-width:900px){.social-grid{grid-template-columns:1fr;gap:34px}.social-phone{justify-self:center;max-width:300px}.ig-one{max-width:300px}.ig-fixed-top{padding:38px 14px 8px}.ig-feed{padding:84px 0 62px}}
/* ===== iSoho bandı ===== */
.isoho-band{padding:clamp(28px,4vw,44px) 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(178,105,64,.08),transparent 60%)}
.isoho-inner{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.isoho-logo{width:96px;height:96px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}
.isoho-logo img{width:66px;height:auto;max-height:66px;object-fit:contain}
.isoho-inner h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;color:var(--cream);margin:6px 0 6px}
.isoho-inner p{margin:0;color:var(--cream-soft);font-size:14.5px;max-width:64ch}
@media(max-width:760px){.isoho-inner{grid-template-columns:auto 1fr}.isoho-inner .btn-outline{grid-column:1/-1;justify-self:start}}
/* ===== Daha fazlası ===== */
.morework{margin-top:clamp(34px,5vw,64px);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));overflow:hidden}
.morework-strip{overflow:hidden;padding:18px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.morework-track{display:flex;gap:12px;width:max-content;animation:moreSlide 42s linear infinite}
.morework:hover .morework-track{animation-play-state:paused}
.morework-track a{flex:none;width:118px;aspect-ratio:1.25;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.08);opacity:.85;transition:all .4s}
.morework-track a:hover{opacity:1;transform:translateY(-3px)}
.morework-track img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes moreSlide{to{transform:translateX(-50%)}}
.morework-body{display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center;padding:clamp(22px,3vw,34px) clamp(20px,3vw,40px) clamp(24px,3vw,36px)}
.morework-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em;color:var(--cream);margin:0 0 8px}
.morework-body h3 em{font-style:normal;color:var(--peach)}
.morework-body p{margin:0;color:var(--cream-soft);max-width:60ch;font-size:15px;line-height:1.6}
.morework-cta{display:flex;gap:12px;flex-wrap:wrap}
.idx-more{margin-top:48px}
@media(max-width:760px){.morework-body{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.morework-track{animation:none}}
/* ===== Referanslar ===== */
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.ref-tile{position:relative;display:grid;place-items:center;gap:12px;padding:28px 16px 22px;min-height:168px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .4s var(--ease)}
.ref-tile.has-case:hover{transform:translateY(-4px);border-color:rgba(228,174,138,.45);box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.ref-logo{display:grid;place-items:center;height:62px}
.ref-logo img{height:var(--h,34px);max-height:62px;width:auto;max-width:150px;object-fit:contain}
.ref-name{font-size:13px;color:var(--cream-soft);text-align:center}
.ref-go{position:absolute;right:12px;top:10px;font-size:11px;color:var(--peach);opacity:0;transition:opacity .3s}
.ref-tile.has-case:hover .ref-go{opacity:1}
/* ===== Tam genişlik bölüm (LED duvarı) ===== */
.chapter-wide .chapter-head{display:flex;gap:28px;align-items:baseline;margin-bottom:26px}
.chapter-wide .chapter-head p{max-width:60ch}
/* ===== LED vitrini: şekil değiştiren ekran ===== */
.ledshow{position:relative}
.ledshow-stage{position:relative;height:clamp(230px,33vw,440px);display:grid;place-items:center;overflow:visible}
.ledshow-glow{position:absolute;left:50%;top:55%;width:70%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(178,105,64,.22),transparent 70%);filter:blur(30px);pointer-events:none}
.ledshow-frame{position:relative;width:min(100%,var(--fw,100%));height:var(--fh,auto);border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 0 6px #0b0f24,0 0 0 7px rgba(255,255,255,.07),0 50px 90px -30px rgba(0,0,0,.9);transition:width .85s var(--ease),height .85s var(--ease);-webkit-box-reflect:below 12px linear-gradient(transparent 72%,rgba(0,0,0,.25))}
.ledshow-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px);opacity:.55}
.ledshow-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.ledshow-frame video.on{opacity:1}
.ledshow-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:34px;flex-wrap:wrap}
.ledshow-dots button{background:none;border:0;padding:6px;cursor:pointer;display:grid;place-items:center}
.ledshow-dots button i{display:block;width:clamp(10px,calc(9px * var(--a)),44px);height:9px;border-radius:2px;border:1.5px solid rgba(255,255,255,.35);transition:all .35s}
.ledshow-dots button[style*="--a:0."] i{width:7px;height:16px}
.ledshow-dots button.on i,.ledshow-dots button:hover i{border-color:var(--peach);background:rgba(228,174,138,.35);box-shadow:0 0 12px rgba(228,174,138,.45)}
@media(max-width:700px){.ledshow-stage{height:min(62vw,300px)}.ledshow-dots{gap:6px;margin-top:22px}}
/* ===== Hizmet sayfalarında işler ===== */
.swk-works{padding:clamp(56px,7vw,96px) 0 20px}
.swk-works .sec-head{margin-bottom:28px}
.swk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.swk-card{display:block;text-decoration:none;color:inherit;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .45s var(--ease),border-color .45s}
.swk-card:hover{transform:translateY(-5px);border-color:rgba(228,174,138,.4)}
.swk-media{display:block;aspect-ratio:5/4;overflow:hidden;background:#0b0f24;position:relative}
.swk-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.swk-card:hover .swk-media img{transform:scale(1.05)}
.swk-body{display:block;padding:14px 16px 16px}
.swk-body small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--peach);margin-bottom:5px}
.swk-body b{display:block;font-family:var(--serif);font-weight:500;font-size:15px;line-height:1.35;color:var(--cream);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1000px){.swk-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.swk-grid{grid-template-columns:repeat(2,1fr);gap:10px}.swk-body{padding:10px 12px 12px}.swk-body b{font-size:13.5px}}
/* 'daha fazlası' küçük kapaklar artık buton */
.morework-track button{flex:none;width:118px;aspect-ratio:1.25;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.08);opacity:.85;transition:all .4s;padding:0;cursor:zoom-in}
.morework-track button:hover{opacity:1;transform:translateY(-3px)}
.morework-track button img{width:100%;height:100%;object-fit:cover;display:block}
/* ===== SM feed planı telefonları (Instagram profil görünümü) ===== */
.pstrip-plans{gap:26px;padding-top:16px}
.pstrip-plans .ig-planph{flex:0 0 236px;width:236px;margin:0;scroll-snap-align:start}
.pstrip-plans .ig-planph:nth-child(even){margin-top:40px}
.ig-planph .phone-frame{border-radius:40px;padding:9px}
.ig-planph .phone-screen{border-radius:32px;background:#fff}
.ig-ptop{padding:40px 12px 8px;justify-content:space-between;border-bottom:0}
.ig-ptop b{font-size:14px;letter-spacing:-.01em}
.ig-ptop span{display:flex}.ig-ptop svg{width:20px;height:20px}
.ig-plan{padding-top:66px}
.ig-phead{padding:4px 12px 0}
.ig-prow{display:flex;align-items:center;gap:12px}
.ig-prow .ig-ava{width:58px;height:58px;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #B26940;flex:none}
.ig-prow .ig-ava img{width:36px;height:36px}
.phone-screen .ig-prow .ig-ava img{position:static;inset:auto;width:36px;height:36px}
.ig-ava-txt{font-size:22px;font-weight:600;color:#fff;font-family:var(--serif)}
.ig-prow b{display:block;font-size:13px;font-weight:700;color:#111;letter-spacing:-.01em;line-height:1.15}
.ig-prow small{display:block;font-size:11px;color:#666;margin-top:3px}
.ig-pbtn{display:flex;gap:6px;margin-top:12px}
.ig-pbtn span{flex:1;text-align:center;font-size:11.5px;font-weight:600;padding:6px 0;border-radius:8px;background:#efefef;color:#111}
.ig-pbtn span.pri{background:#0A0F2E;color:#fff}
.ig-hl{display:flex;gap:12px;padding:12px 2px 10px}
.ig-hl span{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #dbdbdb}
.phone-screen .ig-hl img{position:absolute;top:0;left:0;width:300%;height:auto;max-width:none;inset:auto;aspect-ratio:auto;object-fit:fill}
.ig-hl span:nth-child(2) img{left:-100%}.ig-hl span:nth-child(3) img{left:-200%}
.phone-screen .ig-hl2 img{width:200%}
.ig-plan .ig-tabs{margin:0 -12px;border-top:0;border-bottom:1px solid #e5e5e5}
.phone-screen .ig-plan>img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:auto;object-fit:fill;display:block}
@media(max-width:700px){.pstrip-plans .ig-planph{flex:0 0 62vw;width:62vw;max-width:250px}.pstrip-plans .ig-planph:nth-child(even){margin-top:0}}
.plans-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.plans-foot small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream-soft);opacity:.7}
@media(max-width:700px){.plans-foot{display:none}}
.ai-note{margin:12px 0 0;text-align:right;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-soft);opacity:.55}
/* ===== Projeler: ikişerli, üst üste yığılan kartlar ===== */
.idx-hint{font-size:12px;color:var(--cream-soft);opacity:.7;white-space:nowrap}
.idx-stack{padding-top:28px}
.stack{list-style:none;margin:0;padding:0;--stack-top:158px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.scard{position:sticky;top:var(--stack-top);margin:0;--c:0;min-width:0}
.scard[hidden]{display:none}
.scard-in{height:100%;border-radius:28px;padding:24px 26px 26px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#141C4B 0%,#0C1236 48%,#080D2C 100%);border:1px solid rgba(214,150,96,.16);
  box-shadow:0 -40px 90px -30px rgba(0,0,0,.75),0 30px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;
  transform-origin:50% 0;transform:scale(calc(1 - var(--c) * .055)) translateY(calc(var(--c) * -14px));filter:brightness(calc(1 - var(--c) * .5));will-change:transform,filter}
.scard-in::before{content:'';position:absolute;inset:0;background:radial-gradient(520px 260px at 85% 0%,rgba(214,150,96,.12),transparent 60%),radial-gradient(400px 300px at 0% 100%,rgba(255,255,255,.04),transparent 60%);pointer-events:none}
.scard-in::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 60% at 50% 20%,#000 0,transparent 100%);pointer-events:none;opacity:.6}
.scard-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;min-width:0;order:1;flex:1}
.scard-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.scard-no{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--peach);white-space:nowrap}
.scard-no i{font-style:normal;color:var(--cream-soft);opacity:.6}
.scard-client{display:flex;flex-direction:column;gap:3px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:500;text-align:right;min-width:0}
.scard-client em{font-style:normal;color:var(--cream-soft);letter-spacing:.03em;text-transform:none;font-family:var(--font);font-size:12px}
.scard-mid{flex:1}
.scard-mid h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.5vw,1.45rem);letter-spacing:-.025em;line-height:1.18;margin:0 0 12px;color:var(--cream);text-wrap:balance}
.scard-mid .tags li{font-size:11px;padding:4px 10px}
.scard-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.scard-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:100px;border:1px solid rgba(214,150,96,.5);background:rgba(214,150,96,.08);color:var(--cream);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .35s var(--ease)}
.scard-cta span{color:var(--peach);transition:transform .35s var(--ease)}
.scard-cta:hover{background:var(--peach);color:#0A0F2E;border-color:var(--peach)}.scard-cta:hover span{color:#0A0F2E;transform:translateX(3px)}
.scard-live{font-size:13px;color:var(--cream-soft);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.15)}
.scard-live:hover{color:var(--peach);border-color:var(--peach)}
.deck{position:relative;z-index:1;width:100%;max-width:640px;aspect-ratio:4/3}
.stack .deck{order:0;aspect-ratio:3/2;width:min(100%,calc(min(38vh,380px) * 1.5));max-width:none;margin:0 auto 6px;flex:none}
.stack .deck-hint{display:none}
.stack .deck-3 .deck-i:nth-child(3){--t:42%}
.deck-i{position:absolute;left:var(--l);top:var(--t);width:var(--w);aspect-ratio:var(--a,4/3);z-index:var(--z,1);border:0;padding:0;margin:0;background:var(--surface);border-radius:18px;overflow:hidden;cursor:zoom-in;
  box-shadow:0 40px 70px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1);transform:rotate(var(--r,0deg));transition:transform .8s var(--ease),box-shadow .8s var(--ease)}
.deck-i img,.deck-i .mi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.deck-i::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
.deck:hover .deck-i:nth-child(1){transform:rotate(calc(var(--r) - 2deg)) translate(-2%,-2%)}
.deck:hover .deck-i:nth-child(2){transform:rotate(calc(var(--r) + 2deg)) translate(4%,-3%)}
.deck:hover .deck-i:nth-child(3){transform:rotate(calc(var(--r) + 1deg)) translate(4%,4%)}
.deck-i:hover{z-index:5;box-shadow:0 50px 90px -24px rgba(0,0,0,.9),0 0 0 1px rgba(214,150,96,.6)}
.deck-i:focus-visible{outline:2px solid var(--peach);outline-offset:4px}
.deck-hint{position:absolute;right:0;bottom:-34px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-soft);opacity:.55;pointer-events:none}
.deck-web{aspect-ratio:16/10.5;display:flex}
.stack .deck-web{aspect-ratio:3/2}
.deck-browser{position:relative;left:auto;top:auto;width:100%;height:100%;aspect-ratio:auto;transform:none;cursor:zoom-in;border-radius:16px}
.deck-browser .browser{display:flex;flex-direction:column;height:100%;background:#0d1230;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.deck-browser .browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.06);font-size:11px;color:var(--cream-soft)}
.deck-browser .browser-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.deck-browser .browser-bar span{margin-left:10px;padding:3px 10px;border-radius:6px;background:rgba(0,0,0,.3);font-family:'JetBrains Mono',monospace}
.deck-browser .screen{position:relative;flex:1;overflow:hidden;background:#fff}
.deck-browser .screen img{position:absolute;inset:auto;left:0;top:0;width:100%;height:auto;object-fit:unset;transition:transform 9s linear}
.deck-browser:hover .screen img{transform:translateY(calc(-100% + 420px))}
.deck-web:hover .deck-i{transform:none}
.morework.idx-more{position:relative;z-index:3;margin-top:40px}
@media(max-width:1000px){.scard-in{padding:20px 20px 22px}}
@media(max-width:900px){.stack{--stack-top:150px;gap:12px}
  .scard-in{padding:12px 12px 14px;gap:10px;border-radius:18px}
  .stack .deck{aspect-ratio:4/3;width:100%;margin-bottom:4px}.stack .deck-web{aspect-ratio:4/3}
  .deck-i{border-radius:10px}.deck-i::after{display:none}
  .scard-text{gap:8px}.scard-top{flex-direction:column;align-items:flex-start;gap:4px}.scard-client{text-align:left;font-size:9.5px;letter-spacing:.1em;gap:1px}.scard-client em{font-size:10.5px}.scard-no{font-size:10px}
  .scard-mid h3{font-size:12.5px;line-height:1.25;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .scard-mid .tags{display:none}
  .scard-cta{padding:7px 12px;font-size:11px;gap:6px}.scard-live{font-size:11px}
  .scard-in::after{display:none}.idx-hint{display:none}
  .deck-browser .browser-bar{padding:6px 8px;font-size:9px}.deck-browser .browser-bar span{display:none}}
/* hizmet sayfası: öne çıkan iş + ızgara */
.swk-feat{height:auto;min-height:0;padding:40px 44px;margin-bottom:22px;transform:none;filter:none}
.swk-feat .deck{max-width:560px}
.swk-feat .deck-hint{bottom:-30px}
.swk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.swk-feat{padding:24px 22px 28px}.swk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* hizmet girişi: sağ sütunda öne çıkan işin yığını */
.svc-intro .svc-grid{max-width:none;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:64px}
.svc-intro .svc-text p{max-width:52ch}
.svc-visual{position:relative;padding:10px 0 0}
.svc-visual .deck{max-width:none;margin:0 auto}
.svc-visual .deck-hint{display:none}
.svc-visual-cap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px auto 0;padding-top:16px;border-top:1px solid var(--border)}
.svc-visual-cap>div{flex:1;min-width:0}
.svc-visual-cap small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:500}
.svc-visual-cap b{display:block;font-weight:500;font-size:14px;color:var(--cream);margin-top:4px;letter-spacing:-.01em;line-height:1.35}
.svc-visual-cap .scard-cta{padding:10px 16px;font-size:13px;white-space:nowrap}
@media(max-width:900px){.svc-intro .svc-grid{grid-template-columns:1fr;gap:36px}.svc-visual{padding:0 0 10px}.svc-visual-cap{flex-wrap:wrap}}
/* ===== Büyük sağlı sollu iş kartları (hizmet sayfaları + hub) ===== */
.brows{display:grid;gap:26px}
.brow{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding:40px 44px;border-radius:30px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#141C4B 0%,#0C1236 48%,#080D2C 100%);border:1px solid rgba(214,150,96,.16);box-shadow:0 30px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;
  opacity:0;transform:translate3d(-36px,0,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.brow.flip{transform:translate3d(36px,0,0)}
.brow.in{opacity:1;transform:none}
.brow::before{content:'';position:absolute;inset:0;background:radial-gradient(520px 260px at 15% 0%,rgba(214,150,96,.12),transparent 60%);pointer-events:none}
.brow.flip::before{background:radial-gradient(520px 260px at 85% 0%,rgba(214,150,96,.12),transparent 60%)}
.brow.flip .brow-media{order:2}
.brow-media{position:relative;z-index:1;min-width:0}
.brow-media .deck{max-width:none;transform:translate3d(0,var(--py,0px),0);transition:none}
.brow-media .deck-hint{bottom:-28px}
.brow-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px;min-width:0}
.brow-text .scard-mid h3{font-size:clamp(1.35rem,2vw,1.85rem)}
.hub-works{margin-top:22px}
.hub-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 6px 0;font-size:13px;color:var(--cream-soft)}
.hub-more a{color:var(--cream-mute);border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:1px}
.hub-more a:hover{color:var(--peach);border-color:var(--peach)}
.hub-more .hub-works-all{margin-left:auto;border:1px solid rgba(214,150,96,.4);border-radius:100px;padding:8px 14px;color:var(--cream);white-space:nowrap}
.hub-more .hub-works-all span{color:var(--peach)}.hub-more .hub-works-all:hover{background:var(--peach);color:#0A0F2E}.hub-more .hub-works-all:hover span{color:#0A0F2E}
@media(max-width:1000px){.brow{gap:32px;padding:32px}}
@media(max-width:900px){.brow,.brow.flip{grid-template-columns:1fr;gap:24px;padding:22px 20px 26px;border-radius:24px;transform:translate3d(0,30px,0)}.brow.in{transform:none}
  .brow.flip .brow-media{order:0}.brow-media{margin-bottom:28px}.brow-text{gap:18px}.hub-more .hub-works-all{margin-left:0}}
/* footer üstü referans bandı */
.clients-foot{border-top:1px solid var(--border);border-bottom:0;padding:64px 0 70px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.015))}
.clients-foot .clients-head{margin-bottom:38px}
/* telefonlar: tıklanmaz, otomatik oynar */
.phone.phone-auto{cursor:default}
.phone.phone-auto .phone-screen video{opacity:1}
.hub-plans-head{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.hub-plans-head p{color:var(--cream-mute);max-width:60ch}
.pstrip .ig-planph{flex:0 0 236px;width:236px;margin:0;scroll-snap-align:start}
.pstrip .ig-planph:nth-child(even){margin-top:40px}
@media(max-width:700px){.pstrip .ig-planph{flex:0 0 62vw;width:62vw;max-width:250px}.pstrip .ig-planph:nth-child(even){margin-top:0}}

/* ---------- Sayfa başlığı: solda sayfanın görseli, sağda yazı ---------- */
.page-hero .container{max-width:var(--container)}
.page-hero .ph-grid{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,11fr);gap:clamp(36px,6vw,96px);align-items:center}
.page-hero .ph-text{min-width:0}
.page-hero .ph-text h1{max-width:none}
.page-hero .ph-text .ph-lead{max-width:none}
.ph-visual{position:relative;padding:14px 0 0}
.ph-visual .deck{max-width:none;width:100%;margin:0 auto}
.ph-visual .deck-hint{display:none}
.ph-vcap{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding-top:16px;border-top:1px solid var(--border)}
.ph-vcap>div{flex:1;min-width:0}
.ph-vcap small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-2);font-family:var(--serif);font-weight:500}
.ph-vcap b{display:block;font-weight:500;font-size:14px;color:var(--cream);margin-top:4px;letter-spacing:-.01em;line-height:1.35}
.ph-vcap .scard-cta{padding:10px 16px;font-size:13px;white-space:nowrap}
.ph-visual::before{content:'';position:absolute;inset:-12% -8% -6%;background:radial-gradient(60% 55% at 50% 50%,rgba(178,110,69,.22),transparent 70%);filter:blur(30px);pointer-events:none;z-index:0}
@media(max-width:1100px){.page-hero .ph-grid{gap:40px}}
@media(max-width:900px){
  .page-hero{padding-top:140px}
  .page-hero .ph-grid{grid-template-columns:1fr;gap:34px}
  .ph-visual{order:2;padding:0}
  .ph-visual .deck{max-width:520px}
  .ph-vcap{margin-top:28px;flex-wrap:wrap}
}

/* form hata kutusunda yedek e-posta bağlantısı */
.drawer-alert a.alert-link{display:inline-block;margin-top:8px;color:#FFD9A8;text-decoration:underline;text-underline-offset:3px;font-weight:500}
.drawer-alert a.alert-link:hover{color:#fff}

/* ---------- Üst menü Portfolyo düğmesi: beyaz yazı + ikon ---------- */
.btn-portfolio,.btn-portfolio span,.btn-portfolio svg{color:#fff}
.btn-portfolio::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent)}

/* ---------- İletişim sayfası: sayfa içi 3 adımlı teklif formu ---------- */
.contact-sec{padding-top:10px}
.contact-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:start}
.contact-side{position:sticky;top:110px}
.contact-side h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.03em;font-weight:500;line-height:1.1;margin:14px 0 16px;color:var(--cream)}
.contact-side h2 em{font-style:normal;color:var(--coral-2)}
.contact-side>p{color:var(--cream-mute);font-weight:300;line-height:1.65;max-width:38ch}
.contact-list{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--border)}
.contact-list li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);align-items:baseline}
.contact-list small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft);font-family:var(--serif);font-weight:500}
.contact-list a,.contact-list span{color:var(--cream);font-size:15px;line-height:1.5}
.contact-list a:hover{color:var(--coral-2)}
.contact-form{position:relative;padding:clamp(22px,3vw,40px);border-radius:var(--r-lg,26px);border:1px solid var(--border);background:linear-gradient(180deg,rgba(232,236,250,.035),rgba(232,236,250,.015));box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.cf-head{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;align-items:center;margin-bottom:26px}
.cf-prog{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-soft);font-family:var(--serif);white-space:nowrap}
.cf-prog b{color:var(--coral-2);font-weight:600}
.cf-dots{list-style:none;margin:0;padding:0;display:flex;gap:18px;justify-content:flex-end}
.cf-dots li{font-size:12px;letter-spacing:.06em;color:var(--cream-soft);position:relative;padding-left:14px}
.cf-dots li::before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--border-2);transform:translateY(-50%)}
.cf-dots li.on{color:var(--cream)}
.cf-dots li.on::before{background:var(--coral-2);box-shadow:0 0 0 3px rgba(228,174,138,.18)}
.cf-bar{grid-column:1/-1;height:3px;border-radius:3px;background:rgba(232,236,250,.08);overflow:hidden}
.cf-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--coral-2));transition:width .45s var(--ease)}
.cf-step{display:none;border:0;margin:0;padding:0;min-width:0}
.cf-step.active{display:block;animation:cfIn .4s var(--ease)}
@keyframes cfIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.cf-step legend{display:block;width:100%;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:17px;font-weight:500;color:var(--cream);letter-spacing:-.01em}
.cf-step legend b{display:inline-block;margin-right:8px;font-family:var(--serif);font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--coral-2)}
.cf-step legend span{display:block;margin-top:4px;font-size:13px;font-weight:300;color:var(--cream-mute)}
.contact-form .svc-grid{grid-template-columns:repeat(3,1fr)}
.cf-two{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cf-two .form-row{margin-bottom:0}
.cf-four{grid-template-columns:repeat(4,1fr)}
.contact-form .form-row:has(.cf-four){margin-top:16px}
.contact-form .drawer-alert{margin-top:16px;margin-bottom:0}
.cf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}
.cf-foot-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cf-back{background:none;border:0;color:var(--cream-mute);font:inherit;font-size:14px;cursor:pointer;padding:10px 4px;transition:color .2s}
.cf-back:hover{color:var(--cream)}
.cf-back:disabled{opacity:.35;cursor:default}
.cf-done{padding:30px 0 10px}
.cf-done h4{font-size:1.6rem;font-weight:500;color:var(--cream);margin-bottom:10px}
@media(max-width:1100px){.contact-form .svc-grid{grid-template-columns:1fr 1fr}.cf-two{grid-template-columns:1fr}.cf-two .form-row{margin-bottom:16px}.cf-four{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:34px}.contact-side{position:static}.contact-list li{grid-template-columns:84px 1fr}.cf-dots{display:none}.cf-wa{display:none}}
@media(max-width:560px){.contact-form .svc-grid{grid-template-columns:1fr}}
.form-row .svc-chip{text-transform:none;letter-spacing:0}

/* ---------- Dil seçimi: yuvarlak bayrak + açılır liste ---------- */
.lang-dd{position:relative;margin-right:4px}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px 0 5px;border-radius:100px;border:1px solid var(--border-2);background:rgba(232,236,250,.04);color:var(--cream);cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.08em;transition:background .25s,border-color .25s}
.lang-btn:hover,.lang-dd.open .lang-btn{background:rgba(232,236,250,.09);border-color:rgba(232,236,250,.28)}
.lang-btn:focus-visible{outline:2px solid var(--coral-2);outline-offset:3px}
.lang-dd .flag{position:relative;display:inline-block;width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1.5px rgba(255,255,255,.22),0 4px 12px rgba(0,0,0,.35)}
.lang-dd .flag svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lang-caret{width:10px;height:6px;opacity:.7;transition:transform .25s}
.lang-dd.open .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:8px;border-radius:18px;background:rgba(10,16,48,.97);border:1px solid var(--border-2);box-shadow:0 30px 70px -20px rgba(0,0,0,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:1200;max-height:calc(100vh - 110px);overflow:auto}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:var(--cream-mute);font-size:14px;transition:background .2s,color .2s}
.lang-menu a .flag{width:26px;height:26px}
.lang-menu a:hover{background:rgba(232,236,250,.07);color:var(--cream)}
.lang-menu a.on{background:rgba(228,174,138,.12);color:var(--cream)}
.lang-menu .lang-name{flex:1}
.lang-menu small{font-size:11px;letter-spacing:.1em;color:var(--cream-soft)}
@media(max-width:900px){
  .lang-btn{height:40px;width:40px;padding:0;justify-content:center;gap:0}
  .lang-btn .lang-code,.lang-btn .lang-caret{display:none}
  .lang-dd .lang-btn .flag{width:30px;height:30px}
  .lang-menu{position:fixed;left:16px;right:16px;top:74px;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .lang-menu a{padding:9px 10px}
}
/* uzun dillerde (DE, IT, FR…) üst menü düğmesi tek satır kalsın */
.btn-quote span{white-space:nowrap}
@media(max-width:520px){
  .header-right{gap:8px}
  .btn-quote{padding:10px 14px;font-size:13px}
  .btn-quote i{display:none}
}
@media(max-width:374px){.btn-quote{padding:9px 11px;font-size:12px}.header-right{gap:6px}}

.mobile-menu .mm-portfolio{margin-top:18px;align-self:flex-start;padding:14px 26px;border-radius:100px;background:linear-gradient(135deg,var(--peach),var(--coral));color:#fff;font-family:var(--serif);font-weight:600;font-size:1.05rem}