:root{--black:#0a0a0a;--black2:#111;--paper:#efefed;--paper2:#e7e7e4;--text:#111;--muted:#6a6a66;--yellow:#ffbd00;--line:rgba(17,17,17,.16);--white:#fff;--shell:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin:auto}.dark-section{background:rgba(10,10,10,.94);color:#fff;position:relative}.paper-section{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),var(--paper);background-size:34px 34px}.section-pad{padding:110px 0}.bordered{border-top:1px solid var(--line)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(7,7,7,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.logo img{width:180px;display:block}.menu{display:flex;align-items:center;gap:28px;color:#d7d7d2;font-size:13px}.menu a,.menu button{transition:.25s}.menu a:hover,.menu button:hover{color:var(--yellow)}.menu button{border:0;background:none;color:#d7d7d2;cursor:pointer}.menu-btn{display:none;background:none;border:0;width:42px}.menu-btn span{display:block;height:1px;background:white;margin:7px 0}
.hero{padding:165px 0 70px;min-height:100vh;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -35% 45%;height:650px;background:radial-gradient(circle,rgba(255,189,0,.18),transparent 62%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--yellow);font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:1px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(76px,8vw,132px);line-height:.91;letter-spacing:-.025em;margin:24px 0 28px;font-weight:600}.hero h1 span{color:var(--yellow)}.hero-copy>p{max-width:700px;color:#bdbdb6;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 30px}.btn{border-radius:999px;padding:18px 24px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;cursor:pointer;transition:.3s}.btn.primary{background:var(--yellow);color:#050505}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,189,0,.25)}.btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.24)}.btn.secondary:hover{border-color:var(--yellow);color:var(--yellow)}.availability{display:flex;align-items:center;gap:9px;color:#96968f;font-size:12px}.availability i{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px rgba(255,189,0,.12)}.availability strong{color:#fff}.hero-portrait{position:relative}.portrait-frame{position:relative;aspect-ratio:4/5;border:1px solid rgba(255,255,255,.12);padding:10px;background:#151515;overflow:hidden}.portrait-frame:before{content:"";position:absolute;inset:24px -25px -25px 35px;border:1px solid rgba(255,189,0,.34);z-index:0}.portrait-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.9) contrast(1.03)}.portrait-label{position:absolute;left:-30px;bottom:32px;background:var(--yellow);color:#070707;padding:15px 18px;min-width:260px;z-index:2;box-shadow:0 18px 50px rgba(0,0,0,.25)}.portrait-label span{display:block;font:700 22px "Barlow Condensed";letter-spacing:.05em}.portrait-label small{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.metrics>div{padding:24px 28px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}.metrics>div+div{border-left:1px solid rgba(255,255,255,.1)}.metrics strong{font:600 33px "Barlow Condensed";color:var(--yellow)}.metrics span{font-size:11px;color:#8e8e87;line-height:1.45}
.section-split{display:grid;grid-template-columns:.34fr 1fr;gap:70px}.section-id,.section-title>span,.cert-intro>span{font:700 12px Manrope;letter-spacing:.16em;color:#6f6f6b}.section-content h2,.section-title h2,.cert-intro h2{font:600 clamp(58px,6vw,98px)/.98 "Barlow Condensed";letter-spacing:-.02em;margin:0 0 38px}.section-content h2 span{color:#8a8a84}.section-content p{font-size:16px;line-height:1.9;max-width:850px;color:#393936}.section-content strong{color:#0c0c0c}.quote{margin-top:36px;border-left:4px solid var(--yellow);padding:20px 24px;background:#fff;font-weight:700;box-shadow:0 12px 40px rgba(0,0,0,.05)}.section-title{display:grid;grid-template-columns:.3fr 1fr;gap:40px;align-items:end;margin-bottom:55px}.section-title h2{margin:0}.section-title.light span{color:#84847c}.section-title.light h2{color:#fff}
.experience-list{border-top:1px solid #161616}.exp-item{display:grid;grid-template-columns:150px 330px 1fr;gap:30px;padding:31px 0;border-bottom:1px solid var(--line);position:relative;transition:.3s}.exp-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--yellow);transition:.3s}.exp-item:hover{padding-left:16px;background:rgba(255,255,255,.45)}.exp-item:hover:before{width:4px}.year{font:600 24px "Barlow Condensed"}.company h3{font:700 28px/1 "Barlow Condensed";margin:0 0 5px}.company strong{font-size:12px}.exp-item p{margin:0;color:#4a4a45;line-height:1.65;font-size:13px}
.competency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.competency-card{background:#f7f7f5;border:1px solid #d1d1cc;padding:30px;transition:.35s}.competency-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(0,0,0,.08);border-color:#b6b6b0}.competency-card h3{font:700 30px "Barlow Condensed";text-transform:uppercase;margin-bottom:20px}.skill-line{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.06)}.skill-line span{font:500 18px "Barlow Condensed"}.skill-line i{display:flex;gap:6px}.skill-line i:before{content:"● ● ● ● ● ●";word-spacing:4px;font-style:normal;color:#9e9e9a;letter-spacing:1px}.skill-line i[data-level="1"]:before{background:linear-gradient(90deg,#111 0 14%,#9e9e9a 14%);-webkit-background-clip:text;background-clip:text;color:transparent}.skill-line i[data-level="5"]:before{background:linear-gradient(90deg,#111 0 82%,#9e9e9a 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.skill-line i[data-level="6"]:before{color:#111}
.refs-preview{overflow:hidden}.category-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ref-cat{border:1px solid rgba(255,255,255,.12);min-height:260px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s;background:rgba(255,255,255,.02)}.ref-cat:hover{transform:translateY(-8px);border-color:var(--yellow);background:rgba(255,189,0,.05)}.ref-cat>span{color:var(--yellow);font-size:11px}.ref-cat h3{font:600 36px/1.05 "Barlow Condensed";margin:auto 0 15px}.ref-cat p{color:#93938d;font-size:12px;line-height:1.6}.refs-cta{margin-top:30px;display:flex;align-items:center;gap:28px}.refs-cta p{margin:0;color:#85857f;font-size:12px;max-width:620px;line-height:1.6}
.certificates{min-height:100vh;padding:110px 0 90px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.cert-intro{margin-bottom:46px}.cert-intro h2{margin:7px 0 10px}.cert-intro p{color:#666}.cert-viewport{width:100%;overflow:hidden;padding:10px 0 30px}.cert-track{display:flex;width:max-content;gap:22px;animation:certFlow 34s linear infinite;padding-left:22px}.cert-viewport:hover .cert-track{animation-play-state:paused}.cert-card{width:330px;flex:0 0 330px;background:#f9f9f7;border:1px solid #cecec8;transition:.35s;box-shadow:0 10px 30px rgba(0,0,0,.04)}.cert-card:hover{transform:translateY(-9px);box-shadow:0 24px 60px rgba(0,0,0,.12)}.cert-image{height:230px;background:linear-gradient(135deg,#e0e0dc,#f8f8f5);display:grid;place-items:center;font:700 11px Manrope;letter-spacing:.14em;color:#9b9b95}.cert-card h3{font:600 26px/1.1 "Barlow Condensed";margin:0;padding:22px 20px;min-height:84px}@keyframes certFlow{to{transform:translateX(calc(-50% - 11px))}}
.contact-band-inner{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.contact-band-inner>div>span{color:var(--yellow);font-size:11px;letter-spacing:.15em}.contact-band h2{font:600 clamp(55px,6vw,95px)/.95 "Barlow Condensed";max-width:850px;margin:15px 0 20px}.contact-band p{color:#8f8f88}.contact-band .btn{white-space:nowrap}
footer{background:#050505;color:#8a8a83;border-top:1px solid #1f1f1f;padding:30px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px}.footer-grid img{width:145px}.footer-grid p{text-align:center;margin:0}.footer-grid span{text-align:right}
.social-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:10px}.social-rail a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#111;border:1px solid rgba(255,255,255,.12);color:#fff;transition:.25s}.social-rail svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.social-rail a:hover{color:#111;background:var(--yellow);transform:translateX(-4px)}.whatsapp-float{position:fixed;right:24px;bottom:22px;z-index:61;display:flex;align-items:center;gap:10px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.14);padding:9px 12px 9px 9px;border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.22)}.wa-icon{width:42px;height:42px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center}.wa-icon svg{width:24px}.wa-copy{display:grid;gap:2px}.wa-copy strong{font-size:10px}.wa-copy small{font-size:10px;color:#aaa}.whatsapp-float:hover .wa-icon{transform:rotate(-7deg) scale(1.05)}
.moving-words{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.33}.word-row{position:absolute;display:flex;gap:28px;width:max-content;text-transform:uppercase;font:700 10px Manrope;letter-spacing:.18em;color:rgba(20,20,20,.13)}.row-a{top:34%;animation:bgMove 34s linear infinite}.row-b{top:72%;animation:bgMoveBack 40s linear infinite}.word-row span{padding:5px 10px;border:1px solid rgba(0,0,0,.035);background:rgba(255,255,255,.04)}@keyframes bgMove{from{transform:translateX(-10%)}to{transform:translateX(-55%)}}@keyframes bgMoveBack{from{transform:translateX(-60%)}to{transform:translateX(-10%)}}main,header,footer,.social-rail,.whatsapp-float{position:relative;z-index:1}.topbar,.social-rail,.whatsapp-float{position:fixed}
.contact-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}.contact-drawer.open{visibility:visible;pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.7);opacity:0;transition:.35s;backdrop-filter:blur(4px)}.contact-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;width:min(600px,100%);height:100%;overflow:auto;background:#0d0d0d;color:#fff;padding:58px 48px;transform:translateX(100%);transition:.45s cubic-bezier(.2,.8,.2,1);border-left:1px solid #242424}.contact-drawer.open .drawer-panel{transform:none}.drawer-x{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid #2d2d2d;background:#111;color:#fff;font-size:26px;cursor:pointer}.drawer-kicker{color:var(--yellow);font-size:11px;letter-spacing:.14em}.drawer-panel h2{font:600 58px/.98 "Barlow Condensed";margin:18px 0}.drawer-panel>p{color:#999}.drawer-panel form{display:grid;gap:13px;margin-top:30px}.drawer-panel label{font-size:11px;color:#aaa}.drawer-panel input,.drawer-panel select,.drawer-panel textarea{width:100%;display:block;margin-top:7px;background:#151515;border:1px solid #2a2a2a;color:#fff;padding:14px;border-radius:8px;outline:none}.drawer-panel input:focus,.drawer-panel select:focus,.drawer-panel textarea:focus{border-color:var(--yellow)}.drawer-links{display:grid;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid #262626;color:#aaa;font-size:12px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.from-left{transform:translateX(-55px)}.reveal.from-right{transform:translateX(55px)}.reveal.visible{opacity:1;transform:none}
.references-page,.project-page{background:var(--paper)}.ref-hero,.project-detail-hero{padding:170px 0 90px}.ref-hero span,.project-detail-hero small{color:var(--yellow);font-size:11px;letter-spacing:.15em}.ref-hero h1,.project-detail-hero h1{font:600 clamp(76px,8vw,130px)/.9 "Barlow Condensed";margin:18px 0 28px;max-width:900px}.ref-hero p,.project-detail-hero p{max-width:720px;color:#aaa;line-height:1.8}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.filter-bar button{border:1px solid #c9c9c3;background:#f8f8f5;padding:12px 17px;border-radius:999px;cursor:pointer}.filter-bar button.active,.filter-bar button:hover{background:#111;color:#fff;border-color:#111}.ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ref-project{background:#f8f8f5;border:1px solid #d0d0ca;padding:18px;transition:.35s}.ref-project:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(0,0,0,.08)}.project-thumb{height:300px;background:#111;color:var(--yellow);display:grid;place-items:center;font:700 80px "Barlow Condensed"}.ref-project small{display:block;color:#777;margin:18px 0 7px}.ref-project h2{font:600 38px/1 "Barlow Condensed";margin:0 0 10px}.ref-project p{color:#666;font-size:13px;line-height:1.6}.ref-project.hidden{display:none}.project-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-placeholder-grid>div{background:#f8f8f5;border:1px solid #d0d0ca;padding:30px;min-height:260px}.project-placeholder-grid span{color:#8d8d86;font-size:11px}.project-placeholder-grid h2{font:600 35px "Barlow Condensed";margin:45px 0 15px}.project-placeholder-grid p{color:#666;font-size:13px;line-height:1.7}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-portrait{max-width:620px}.metrics{grid-template-columns:1fr}.metrics>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.section-split{grid-template-columns:1fr}.section-title{grid-template-columns:1fr}.exp-item{grid-template-columns:120px 260px 1fr}.category-preview{grid-template-columns:1fr 1fr}.project-placeholder-grid{grid-template-columns:1fr}.social-rail{right:8px}.competency-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{width:min(calc(100% - 28px),var(--shell))}.topbar-inner{height:74px}.logo img{width:145px}.menu-btn{display:block}.menu{position:fixed;inset:74px 0 auto 0;background:#090909;display:flex;flex-direction:column;align-items:flex-start;padding:28px;transform:translateY(-130%);transition:.35s;border-bottom:1px solid #222}.menu.open{transform:none}.hero{padding-top:125px}.hero h1{font-size:69px;line-height:.95}.hero-copy>p{font-size:15px}.portrait-label{left:10px;right:10px;bottom:18px}.metrics{margin-top:40px}.section-pad{padding:80px 0}.section-content h2,.section-title h2,.cert-intro h2{font-size:58px;line-height:1.03}.exp-item{grid-template-columns:1fr;gap:10px}.exp-item:hover{padding-left:10px}.category-preview{grid-template-columns:1fr}.refs-cta{align-items:flex-start;flex-direction:column}.certificates{min-height:100svh;padding:80px 0}.cert-card{width:275px;flex-basis:275px}.cert-image{height:190px}.contact-band-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:14px;text-align:center}.footer-grid img{margin:auto}.footer-grid p,.footer-grid span{text-align:center}.social-rail{top:auto;bottom:92px;right:9px;transform:none}.social-rail a{width:38px;height:38px}.wa-copy{display:none}.whatsapp-float{right:10px;bottom:14px;padding:6px}.wa-icon{width:45px;height:45px}.drawer-panel{padding:55px 22px 30px}.drawer-panel h2{font-size:46px}.ref-grid{grid-template-columns:1fr}.project-thumb{height:220px}.refs-menu{display:none}.skill-line{grid-template-columns:1fr}.skill-line i{margin-top:3px}.moving-words{opacity:.23}}
@media(max-width:430px){.hero h1{font-size:58px}.btn{width:100%}.hero-actions{display:grid}.section-content h2,.section-title h2,.cert-intro h2{font-size:50px}.portrait-frame{aspect-ratio:3/4}.category-preview{gap:10px}}

/* V4 refinements */
.hero-grid{grid-template-columns:1fr 1fr;gap:54px}.hero-portrait{transform:scale(1.075);transform-origin:center right}.hero h1{line-height:1.01}.section-content h2,.section-title h2,.cert-intro h2,.contact-band h2{line-height:1.08}
.exp-item{transition:background .4s ease,transform .4s ease,padding .4s ease}.exp-item:before{opacity:.55}.exp-item:hover{padding-left:7px;transform:translateY(-2px);background:rgba(255,255,255,.26)}.exp-item:hover:before{width:2px}
.ref-cat{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s}.ref-cat:hover{transform:translateY(-10px) scale(1.025);box-shadow:0 22px 55px rgba(0,0,0,.25)}
.social-rail{position:fixed!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:999!important}.social-rail a{background:#0b0b0b!important;border-color:#343434!important;box-shadow:0 7px 20px rgba(0,0,0,.18)}.social-rail a:hover{background:var(--yellow)!important;color:#080808!important}.whatsapp-float{position:fixed!important;right:22px!important;bottom:22px!important;z-index:1000!important;background:#0b0b0b!important}.wa-icon{background:#25D366;color:white}.whatsapp-float:hover{border-color:var(--yellow)}
.contact-meta{display:grid;gap:7px;margin-top:18px;font-size:13px}.contact-meta span,.contact-meta a{color:#b7b7b0}.contact-meta a:hover{color:var(--yellow)}.footer-v4{display:flex;justify-content:space-between;align-items:center;font-size:11px}.footer-v4 p{margin:0;color:#b0b0aa}.heart{color:var(--yellow);font-size:15px;display:inline-block;animation:heartBeat 1.5s ease infinite}@keyframes heartBeat{50%{transform:scale(1.22)}}
.cert-card{cursor:pointer}.media-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.media-modal.open{opacity:1;visibility:visible}.media-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.media-dialog{position:relative;width:min(900px,90vw);max-height:88vh;background:#f4f4f0;border:1px solid rgba(255,255,255,.18);padding:18px;transform:translateY(18px) scale(.975);transition:transform .42s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 100px rgba(0,0,0,.45)}.media-modal.open .media-dialog{transform:none}.media-x{position:absolute;right:10px;top:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #ccc;background:#fff;font-size:22px;cursor:pointer}.media-stage{height:min(66vh,620px);display:grid;place-items:center;background:#e4e4df;overflow:hidden}.media-stage img{width:100%;height:100%;object-fit:contain}.media-stage .cert-image,.media-stage .gallery-placeholder{width:100%;height:100%;display:grid;place-items:center}.media-title{margin:14px 4px 2px;font:600 28px 'Barlow Condensed'}
.media-category{margin-top:90px}.media-heading span{font-size:11px;letter-spacing:.16em;color:#777}.media-heading h2{font:600 60px/1.05 'Barlow Condensed';margin:8px 0 28px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-card{border:1px solid #d0d0ca;background:#f8f8f5;padding:10px;text-align:left;cursor:pointer;transition:.35s}.gallery-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.09)}.gallery-placeholder{aspect-ratio:4/3;background:#151515;color:var(--yellow);display:grid;place-items:center}.gallery-placeholder span{font:600 54px 'Barlow Condensed'}.gallery-placeholder small{font-size:8px;color:#777;align-self:start;margin-top:-30px}.gallery-card strong{display:block;padding:12px 4px 4px;font:600 20px 'Barlow Condensed'}.text-thumb span{font:600 76px 'Barlow Condensed'}.ref-project.filtered-out,.media-category.filtered-out{display:none}.references-page .menu{display:flex}
@media(max-width:760px){.hero-portrait{transform:none}.social-rail{top:auto!important;bottom:84px!important;right:9px!important;transform:none!important}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-v4{flex-direction:column;gap:10px;text-align:center}.references-page .menu{display:flex}.media-heading h2{font-size:46px}}
@media(max-width:430px){.gallery-grid{grid-template-columns:1fr 1fr}.media-dialog{width:94vw}.media-stage{height:58vh}}


/* V5 interaction & responsive refinements */
:root{--ticker-h:31px}
body{padding-top:var(--ticker-h)}
.top-ticker{position:fixed;left:0;right:0;top:0;height:var(--ticker-h);z-index:1400;background:var(--yellow);color:#080808;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.16)}
.ticker-track{display:flex;align-items:center;width:max-content;height:100%;gap:0;font:800 11px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:tickerMove 32s linear infinite;will-change:transform}.ticker-track b{font-size:12px;margin:0 18px}.ticker-track span{display:inline-block}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.topbar{top:var(--ticker-h)!important}
.page-enter{animation:pageIn .62s cubic-bezier(.2,.7,.2,1) both}.page-leave{animation:pageOut .38s ease both}@keyframes pageIn{from{opacity:0}to{opacity:1}}@keyframes pageOut{to{opacity:0}}
.menu .active-page{color:var(--yellow)!important}.menu .active-page:after{transform:scaleX(1)!important;background:var(--yellow)!important}
.hero-portrait{transform:scale(1.15);transform-origin:center right;animation:portraitFloat 5.8s ease-in-out infinite}.portrait-frame{overflow:hidden}.portrait-frame img{transform:scale(1.025)}@keyframes portraitFloat{0%,100%{translate:0 -3px}50%{translate:0 5px}}
.whatsapp-float{animation:waFloat 3.4s ease-in-out infinite}@keyframes waFloat{0%,100%{translate:0 -2px}50%{translate:0 5px}}
.floating-words{position:fixed;inset:var(--ticker-h) 0 0;z-index:18;pointer-events:none;overflow:hidden;opacity:1}.floating-words span{position:absolute;left:var(--x);top:var(--y);font:600 9px/1 Manrope,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,189,0,.075);animation:floatWord 10s ease-in-out var(--d) infinite alternate;white-space:nowrap}.dark-section~* .floating-words span{color:rgba(255,189,0,.075)}@keyframes floatWord{0%{transform:translate3d(-8px,-5px,0) rotate(-2deg)}50%{transform:translate3d(12px,9px,0) rotate(2deg)}100%{transform:translate3d(-2px,14px,0) rotate(-1deg)}}
.references-page .floating-words,.project-page .floating-words{z-index:0}.references-page main,.references-page footer,.project-page main,.project-page footer{position:relative;z-index:1}
.filter-bar button{transition:color .28s,background .28s,border-color .28s,transform .28s}.filter-bar button:hover{transform:translateY(-2px)}.ref-grid,.media-category{transition:opacity .26s ease,transform .26s ease}.filter-transition{opacity:.05!important;transform:translateY(8px)!important}
.media-category{width:100%;max-width:none}.references-page .ref-list>.shell{width:min(calc(100% - 64px),1600px);max-width:1600px}.references-page .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.references-page .gallery-card{padding:12px}.references-page .gallery-placeholder{aspect-ratio:4/3}.references-page .gallery-placeholder span{font-size:74px}.references-page .media-heading h2{font-size:72px}
select{appearance:none;-webkit-appearance:none;background-color:#121212!important;background-image:linear-gradient(45deg,transparent 50%,#ffc400 50%),linear-gradient(135deg,#ffc400 50%,transparent 50%)!important;background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px)!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;border:1px solid #343434!important;border-radius:14px!important;color:#f3f3ef!important;padding:15px 42px 15px 15px!important;outline:none!important;transition:border-color .25s,box-shadow .25s}select:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 3px rgba(255,196,0,.12)!important}select option{background:#111;color:#fff;padding:10px}
@media(max-width:760px){body{--ticker-h:30px}.topbar{top:var(--ticker-h)!important}.menu{inset:calc(74px + var(--ticker-h)) 12px auto 12px!important;border:1px solid #252525!important;border-radius:18px!important;padding:14px!important;gap:5px!important;box-shadow:0 28px 70px rgba(0,0,0,.4)!important;background:rgba(10,10,10,.97)!important;backdrop-filter:blur(18px)!important}.menu a,.menu button{width:100%;padding:13px 14px!important;border-radius:11px!important;border:1px solid transparent!important}.menu a:hover,.menu button:hover,.menu .active-page{background:#171717!important;border-color:#2a2a2a!important;color:var(--yellow)!important}.hero-grid{display:flex;flex-direction:column}.hero-portrait{order:-1;transform:none;animation:portraitFloat 5.8s ease-in-out infinite;margin:4px auto 18px;width:190px}.portrait-frame{width:190px;height:190px;aspect-ratio:1;border-radius:50%;border:2px solid var(--yellow);box-shadow:0 18px 50px rgba(0,0,0,.35)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 24%;transform:scale(1.12)}.portrait-label{display:none}.hero-copy{text-align:center}.hero-actions{justify-content:center}.availability{justify-content:center}.references-page .ref-list>.shell{width:min(calc(100% - 24px),1600px)}.references-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.references-page .media-heading h2{font-size:50px}.floating-words span{font-size:8px;opacity:.75}.social-rail{bottom:90px!important}.whatsapp-float{bottom:14px!important}.wa-copy{display:none!important}}
@media(min-width:761px) and (max-width:1100px){.hero-portrait{transform:scale(1.08)}.references-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V6 — persistent header / floating social controls */
.topbar{
  position:fixed!important;
  top:var(--ticker-h,34px)!important;
  left:0!important;
  right:0!important;
  z-index:1500!important;
  transform:translateZ(0);
}
.top-ticker{z-index:1600!important}
.social-rail{
  position:fixed!important;
  right:20px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:1700!important;
  pointer-events:auto!important;
}
.social-rail a{
  background:rgba(8,8,8,.72)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
.social-rail.on-light a{
  background:rgba(239,239,237,.82)!important;
  color:#111!important;
  border-color:rgba(17,17,17,.18)!important;
}
.social-rail.on-dark a{
  background:rgba(8,8,8,.72)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
.social-rail a:hover,
.social-rail.on-light a:hover,
.social-rail.on-dark a:hover{
  background:var(--yellow)!important;
  color:#090909!important;
  border-color:var(--yellow)!important;
}
.whatsapp-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  top:auto!important;
  z-index:1750!important;
  background:rgba(8,8,8,.78)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.2)!important;
  backdrop-filter:blur(12px);
}
.whatsapp-float.on-light{
  background:rgba(239,239,237,.9)!important;
  color:#111!important;
  border-color:rgba(17,17,17,.18)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.13)!important;
}
.whatsapp-float.on-light .wa-copy small{color:#62625f!important}
.whatsapp-float.on-dark{
  background:rgba(8,8,8,.78)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.2)!important;
}
.whatsapp-float.on-dark .wa-copy small{color:#aaa!important}
.wa-icon{background:#25D366!important;color:#fff!important}

@media(max-width:760px){
  .social-rail{
    right:8px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    gap:8px!important;
  }
  .social-rail a{width:36px!important;height:36px!important}
  .social-rail svg{width:16px!important;height:16px!important}
  .whatsapp-float{
    right:10px!important;
    bottom:12px!important;
    padding:6px!important;
  }
}


/* V7 — true viewport-fixed navigation + custom contact dropdown */
html,body{transform:none!important;filter:none!important;perspective:none!important}
body.page-enter,body.page-leave{transform:none!important}
.topbar{position:fixed!important;top:var(--ticker-h,31px)!important;left:0!important;right:0!important;width:100%!important;z-index:5000!important}
.top-ticker{position:fixed!important;z-index:5100!important}
.social-rail{position:fixed!important;right:20px!important;top:50vh!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:5200!important;margin:0!important}
.whatsapp-float{position:fixed!important;right:22px!important;bottom:22px!important;left:auto!important;top:auto!important;z-index:5300!important;margin:0!important}

.topic-select{position:relative;margin-top:7px}
.topic-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.topic-select-btn{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 16px 0 17px;border:1px solid #333;border-radius:14px;background:linear-gradient(180deg,#181818,#111);color:#f4f4ef;cursor:pointer;text-align:left;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.topic-select-btn:hover{border-color:#4a4a46;background:linear-gradient(180deg,#1d1d1d,#131313)}
.topic-select.open .topic-select-btn,.topic-select-btn:focus-visible{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,189,0,.12)}
.topic-select-btn .topic-arrow{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#252525;color:var(--yellow);transition:transform .28s ease,background .28s ease}
.topic-select.open .topic-arrow{transform:rotate(180deg);background:#2b250f}
.topic-options{position:absolute;left:0;right:0;top:calc(100% + 9px);z-index:20;padding:8px;border:1px solid #30302d;border-radius:16px;background:rgba(12,12,12,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top;transition:opacity .22s ease,transform .22s ease,visibility .22s;max-height:310px;overflow:auto}
.topic-select.open .topic-options{opacity:1;visibility:visible;transform:none}
.topic-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:0;border-radius:11px;background:transparent;color:#d7d7d1;text-align:left;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.topic-option:hover,.topic-option:focus-visible{background:#1d1d1b;color:#fff;outline:none;transform:translateX(2px)}
.topic-option[aria-selected="true"]{background:rgba(255,189,0,.12);color:var(--yellow)}
.topic-option[aria-selected="true"]:after{content:'✓';font-weight:800;color:var(--yellow)}

@media(max-width:760px){
  .social-rail{right:8px!important;top:50vh!important;bottom:auto!important;transform:translateY(-50%)!important}
  .whatsapp-float{right:10px!important;bottom:12px!important;top:auto!important}
  .topic-select-btn{min-height:56px;border-radius:15px}
  .topic-options{position:fixed;left:14px;right:14px;top:auto;bottom:18px;max-height:min(56vh,430px);border-radius:20px;padding:10px;transform:translateY(18px) scale(.985)}
  .topic-select.open .topic-options{transform:none}
  .topic-option{padding:15px 14px;border-radius:13px;font-size:14px}
}

/* V8 — Real certificate and replaceable reference media */
.cert-image{padding:10px;background:#efefeb;overflow:hidden}
.cert-image img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.project-thumb{overflow:hidden;background:#151515}
.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.ref-project:hover .project-thumb img{transform:scale(1.035)}
.gallery-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#151515}

/* V10 — Reference media: show the COMPLETE artwork, never crop */
.project-thumb{height:auto!important;aspect-ratio:16/10;background:#e9e9e5!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.project-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}
.ref-project:hover .project-thumb img{transform:scale(1.012)!important}
.gallery-card>img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain!important;object-position:center!important;background:#e9e9e5!important;display:block!important}
.gallery-card:hover>img{transform:scale(1.008)}
@media(max-width:760px){.project-thumb{aspect-ratio:16/10}.gallery-card>img{aspect-ratio:4/3}}

/* V11 portfolio actions */
.ref-project{position:relative;display:flex;flex-direction:column}
.ref-project .project-action{align-self:flex-start;margin-top:auto;padding:11px 16px;border-radius:999px;border:1px solid #1b1b1b;background:#111;color:#fff;text-decoration:none;font:700 11px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
.ref-project .project-action:hover{transform:translateY(-2px);background:var(--yellow);color:#111;border-color:var(--yellow)}
.ref-project[data-cat="web"] .project-thumb{position:relative}
.gallery-card{position:relative;overflow:hidden}
.gallery-action{position:absolute;right:20px;top:20px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(17,17,17,.82);color:#fff;font:700 9px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:.25s ease;pointer-events:none}
.gallery-card:hover .gallery-action{opacity:1;transform:none}
@media(max-width:760px){.ref-project .project-action{padding:10px 14px}.gallery-action{opacity:1;transform:none;right:16px;top:16px}}

/* V12 — Sosyal medya referansları: orijinal oranı koru, kırpma yapma */
.ref-project[data-cat="sosyal"] .project-thumb{
  aspect-ratio:16/10!important;
  background:#f3f3f0!important;
  overflow:hidden!important;
}
.ref-project[data-cat="sosyal"] .project-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.ref-project[data-cat="sosyal"]:hover .project-thumb img{
  transform:scale(1.006)!important;
}

.ticker-set{display:flex;align-items:center;flex:none;height:100%}
.ref-project .project-action,.gallery-action{position:relative}
.ref-project .project-action::before,.gallery-action::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,189,0,.55);animation:actionPulse 1.55s ease-out infinite;flex:none}
.ref-project .project-action{display:inline-flex;align-items:center;gap:9px}
.gallery-action{display:flex;align-items:center;gap:7px}
@keyframes actionPulse{0%{box-shadow:0 0 0 0 rgba(255,189,0,.55);opacity:1}70%{box-shadow:0 0 0 7px rgba(255,189,0,0);opacity:.92}100%{box-shadow:0 0 0 0 rgba(255,189,0,0);opacity:1}}


/* V15 — Portfolio action live indicator hover contrast */
.ref-project .project-action::before{transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.ref-project .project-action:hover::before{background:#111;box-shadow:0 0 0 0 rgba(17,17,17,.45);animation:actionPulseDark 1.55s ease-out infinite}
@keyframes actionPulseDark{0%{box-shadow:0 0 0 0 rgba(17,17,17,.5);opacity:1}70%{box-shadow:0 0 0 7px rgba(17,17,17,0);opacity:.92}100%{box-shadow:0 0 0 0 rgba(17,17,17,0);opacity:1}}

/* V16 — requested polish */
/* Header becomes softer / more transparent after scrolling */
.topbar{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.topbar.scrolled{background:rgba(7,7,7,.58)!important;border-bottom-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(18px) saturate(1.1)!important;box-shadow:0 10px 35px rgba(0,0,0,.10)}

/* Hero portrait label */
.portrait-label small{font-size:10px;font-weight:700;letter-spacing:.025em;line-height:1.45;display:block;margin-top:3px}

/* Home reference cards: all copy shares the same baseline */
.category-preview{align-items:stretch}
.ref-cat{display:grid!important;grid-template-rows:auto 82px 1fr;align-content:start;justify-content:initial!important;min-height:260px}
.ref-cat>span{align-self:start}
.ref-cat h3{margin:24px 0 14px!important;align-self:end;min-height:76px;display:flex;align-items:flex-end}
.ref-cat p{margin:0;align-self:start;min-height:58px}

/* Gallery actions are always visible BELOW the title, like the web/social cards */
.gallery-card{overflow:visible!important;display:flex;flex-direction:column;align-items:stretch}
.gallery-card strong{min-height:46px;padding:12px 4px 7px!important}
.gallery-action{position:static!important;right:auto!important;top:auto!important;opacity:1!important;transform:none!important;pointer-events:none!important;align-self:flex-start;margin:2px 4px 5px;padding:10px 14px;border-radius:999px;background:#111;color:#fff;font:700 10px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;display:inline-flex!important;align-items:center;gap:8px;transition:background .25s ease,color .25s ease}
.gallery-card:hover .gallery-action{opacity:1!important;transform:none!important;background:var(--yellow);color:#111}
.gallery-card:hover .gallery-action::before{background:#111;animation:actionPulseDark 1.55s ease-out infinite}

/* Floating specialties: visible as a subtle animated layer over light areas */
.floating-words{z-index:6!important;opacity:.48!important;mix-blend-mode:multiply}
.floating-words span{font-size:9px!important;color:rgba(17,17,17,.12)!important;font-weight:700!important;animation-duration:10s!important}
.dark-section .floating-words span,.hero .floating-words span{color:rgba(255,255,255,.10)!important}
header,.topbar,.social-rail,.whatsapp-float{z-index:5000!important}
.menu{position:relative;z-index:5001}

@media(max-width:760px){
  .topbar.scrolled{background:rgba(7,7,7,.78)!important}
  .ref-cat{grid-template-rows:auto auto auto!important;min-height:0}
  .ref-cat h3{min-height:0;margin:18px 0 10px!important}
  .ref-cat p{min-height:0}
  .gallery-action{padding:9px 12px!important;margin-top:1px!important}
  .floating-words{opacity:.30!important}
}

/* V17 — contact drawer spacing + anti-bot verification */
.drawer-panel{
  padding-top:118px!important;
  padding-bottom:42px!important;
  scroll-padding-top:118px;
}
.drawer-panel h2{
  margin-top:16px!important;
  line-height:1.02!important;
}
.contact-form{position:relative}
.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.anti-bot{
  margin-top:4px;
  padding:16px;
  border:1px solid #2a2a2a;
  border-radius:14px;
  background:linear-gradient(180deg,#151515,#111);
  display:grid;
  gap:12px;
}
.anti-bot-copy{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.anti-bot-copy strong{font-size:12px;color:#fff;letter-spacing:.02em}
.anti-bot-copy span{font-size:10px;color:#858585}
.anti-bot-row{display:grid;grid-template-columns:auto 110px 28px;align-items:center;gap:10px}
.anti-bot-question{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-radius:10px;
  border:1px solid #303030;
  background:#0e0e0e;
  color:var(--yellow);
  font:700 15px/1 Manrope,sans-serif;
  letter-spacing:.05em;
}
.anti-bot-answer{
  margin:0!important;
  min-height:46px;
  text-align:center;
  font-weight:700;
}
.anti-bot-status{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #3a3a3a;color:#777;font-size:13px;
  transition:.25s ease;
}
.anti-bot.valid .anti-bot-status{background:var(--yellow);border-color:var(--yellow);color:#111}
.anti-bot.invalid .anti-bot-status{border-color:#8a3b3b;color:#ff8e8e}
.anti-bot-message{font-size:10px;color:#777}
.anti-bot.valid .anti-bot-message{color:#b6b6b6}
.contact-submit:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.45)}
.contact-submit:not(:disabled){opacity:1;cursor:pointer}

@media(max-width:760px){
  .drawer-panel{padding-top:104px!important;padding-bottom:28px!important}
  .drawer-panel h2{font-size:44px!important;line-height:1.02!important;margin-top:14px!important}
  .anti-bot-row{grid-template-columns:1fr 92px 28px}
  .anti-bot-question{padding:0 12px;font-size:14px}
}

/* V18 — Fotoğraf referanslarını orijinal oranında, kırpmadan göster */
.media-stage img{object-fit:contain!important;object-position:center!important}
.gallery-card[data-cat="foto"]>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;background:#e9e9e5!important}
.media-modal.open .media-stage img{width:auto!important;height:auto!important;max-width:100%!important;max-height:72vh!important;object-fit:contain!important}

/* V19 — Behance-style photography presentation */
.references-page .gallery-card[data-cat="foto"]{
  padding:0!important;
  border:0!important;
  background:#0d0d0d!important;
  overflow:hidden!important;
  border-radius:2px;
  min-height:0!important;
  position:relative;
}
.references-page .gallery-card[data-cat="foto"]>img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center 58%!important;
  background:#111!important;
  display:block!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease!important;
}
.references-page .gallery-card[data-cat="foto"]:hover>img{
  transform:scale(1.025)!important;
  filter:brightness(.9);
}
.references-page .gallery-card[data-cat="foto"] strong{
  padding:13px 14px 8px!important;
  min-height:0!important;
  color:#fff!important;
  font:600 18px/1.2 'Barlow Condensed'!important;
}
.references-page .gallery-card[data-cat="foto"] .gallery-action{
  position:relative!important;
  top:auto!important;right:auto!important;
  margin:0 14px 14px!important;
  opacity:1!important;
  transform:none!important;
  align-self:flex-start!important;
  background:#171717!important;
  color:#fff!important;
}
.references-page .gallery-card[data-cat="foto"]:hover .gallery-action{
  background:var(--yellow)!important;
  color:#111!important;
}
.references-page .gallery-card[data-cat="foto"]:hover .gallery-action::before{
  background:#111!important;
}

/* Photography lightbox: very large, original file, no compression/crop */
.media-modal.photo-viewer .media-backdrop{background:rgba(0,0,0,.96)!important;backdrop-filter:blur(3px)!important}
.media-modal.photo-viewer .media-dialog{
  width:96vw!important;
  height:94vh!important;
  max-height:94vh!important;
  padding:0!important;
  border:0!important;
  background:#080808!important;
  box-shadow:0 30px 120px rgba(0,0,0,.8)!important;
  display:flex!important;
  flex-direction:column!important;
}
.media-modal.photo-viewer .media-stage{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  background:#080808!important;
  overflow:auto!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}
.media-modal.photo-viewer .media-stage img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(94vh - 72px)!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  cursor:zoom-in!important;
  transform-origin:center center;
  transition:max-width .2s ease,max-height .2s ease;
}
.media-modal.photo-viewer .media-stage img.native-zoom{
  max-width:none!important;
  max-height:none!important;
  cursor:zoom-out!important;
}
.media-modal.photo-viewer .media-title{
  margin:0!important;
  min-height:54px;
  padding:14px 58px 14px 20px!important;
  color:#f4f4ef!important;
  background:#0e0e0e!important;
  border-top:1px solid #222;
  font:500 18px/1.2 Manrope,sans-serif!important;
}
.media-modal.photo-viewer .media-x{
  right:18px!important;top:16px!important;
  width:40px!important;height:40px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(0,0,0,.55)!important;
  color:#fff!important;
  backdrop-filter:blur(8px);
}
@media(max-width:760px){
  .references-page .gallery-card[data-cat="foto"]>img{aspect-ratio:16/10!important;object-position:center 58%!important}
  .media-modal.photo-viewer .media-dialog{width:100vw!important;height:100dvh!important;max-height:100dvh!important}
  .media-modal.photo-viewer .media-stage{padding:8px!important}
  .media-modal.photo-viewer .media-stage img{max-height:calc(100dvh - 62px)!important}
  .media-modal.photo-viewer .media-title{min-height:54px;padding-left:14px!important}
}

/* V20 — Full-screen photography viewer with Behance-style navigation */
body.photo-lightbox-open .topbar,
body.photo-lightbox-open .site-header,
body.photo-lightbox-open .social-rail,
body.photo-lightbox-open .whatsapp-float{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.media-modal.photo-viewer{z-index:99999!important}
.media-modal.photo-viewer .media-dialog{
  position:fixed!important;inset:0!important;
  width:100vw!important;height:100dvh!important;max-height:none!important;
  background:#050505!important;box-shadow:none!important;
}
.media-modal.photo-viewer .media-stage{
  width:100vw!important;height:100dvh!important;padding:22px 74px!important;
  background:#050505!important;overflow:auto!important;
}
.media-modal.photo-viewer .media-stage img{
  max-width:100%!important;max-height:calc(100dvh - 44px)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.35);
}
.media-modal.photo-viewer .media-title{display:none!important}
.media-modal.photo-viewer .media-x{
  position:fixed!important;z-index:100004!important;right:22px!important;top:22px!important;
  width:48px!important;height:48px!important;border-radius:50%!important;
  font-size:30px!important;line-height:1!important;display:grid!important;place-items:center!important;
  cursor:pointer!important;opacity:1!important;visibility:visible!important;
}
.media-nav{
  display:none;position:fixed;top:50%;transform:translateY(-50%);z-index:100003;
  width:54px;height:74px;border:1px solid rgba(255,255,255,.22);border-radius:14px;
  background:rgba(0,0,0,.46);color:#fff;font:300 52px/1 Arial,sans-serif;cursor:pointer;
  backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease,border-color .2s ease;
}
.media-modal.photo-viewer .media-nav{display:grid;place-items:center}
.media-nav:hover{background:rgba(255,190,0,.92);color:#111;border-color:rgba(255,190,0,1);transform:translateY(-50%) scale(1.05)}
.media-prev{left:18px}.media-next{right:18px}
@media(max-width:760px){
  .media-modal.photo-viewer .media-stage{padding:64px 12px 18px!important}
  .media-modal.photo-viewer .media-stage img{max-height:calc(100dvh - 82px)!important}
  .media-nav{width:42px;height:58px;font-size:40px;border-radius:12px}
  .media-prev{left:8px}.media-next{right:8px}
  .media-modal.photo-viewer .media-x{right:12px!important;top:12px!important;width:44px!important;height:44px!important}
}

/* V21 — Photography cards: translucent caption band, matching sticky header language */
.references-page .gallery-card[data-cat="foto"]{
  background:rgba(10,10,10,.72)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  backdrop-filter:blur(12px) saturate(120%);
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.10);
}
.references-page .gallery-card[data-cat="foto"] strong,
.references-page .gallery-card[data-cat="foto"] .gallery-action{
  position:relative;
  z-index:2;
}
.references-page .gallery-card[data-cat="foto"] strong{
  background:transparent!important;
}
.references-page .gallery-card[data-cat="foto"] .gallery-action{
  background:rgba(20,20,20,.62)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.references-page .gallery-card[data-cat="foto"]:hover .gallery-action{
  background:var(--yellow)!important;
  border-color:var(--yellow)!important;
}

/* V22 — Fotoğraf filigranı ve otomatik galeri koruması */
.references-page .gallery-card[data-cat="foto"] .photo-frame{
  position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#111;
}
.references-page .gallery-card[data-cat="foto"] .photo-frame>img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;
  -webkit-user-drag:none;user-select:none;
}
.references-page .gallery-card[data-cat="foto"] .photo-watermark{
  position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-18deg);
  font:500 clamp(14px,1.15vw,22px)/1 'Manrope',sans-serif;letter-spacing:.34em;
  color:rgba(255,255,255,.105);white-space:nowrap;pointer-events:none;
  text-shadow:0 1px 10px rgba(0,0,0,.08);mix-blend-mode:screen;
}
.media-modal.photo-viewer .media-stage{position:relative!important}
.media-modal.photo-viewer .media-stage::after{
  content:'SERCAN ARICI';position:absolute;left:50%;top:50%;z-index:8;transform:translate(-50%,-50%) rotate(-18deg);
  font:500 clamp(22px,2.6vw,48px)/1 'Manrope',sans-serif;letter-spacing:.38em;
  color:rgba(255,255,255,.085);white-space:nowrap;pointer-events:none;
  text-shadow:0 2px 16px rgba(0,0,0,.10);mix-blend-mode:screen;
}
.media-modal.photo-viewer .media-stage img{-webkit-user-drag:none;user-select:none}

/* V25 — home reference card typography alignment */
.category-preview .ref-cat{grid-template-rows:22px 112px 1fr!important}
.category-preview .ref-cat h3{margin:34px 0 14px!important;min-height:78px!important;align-items:flex-end!important}
.category-preview .ref-cat p{min-height:58px!important}
@media(max-width:760px){.category-preview .ref-cat{grid-template-rows:22px auto 1fr!important}.category-preview .ref-cat h3{margin:26px 0 12px!important;min-height:0!important}}


/* Modern form delivery feedback */
.form-feedback{
  display:none;
  margin-top:14px;
  border-radius:14px;
  padding:15px 17px;
  border:1px solid transparent;
  font-family:Manrope,Arial,sans-serif;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.form-feedback strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  margin-bottom:5px;
}
.form-feedback span{
  display:block;
  font-size:11px;
  line-height:1.55;
  font-weight:500;
}
.form-feedback.is-loading{
  display:block;
  background:#171717;
  border-color:#313131;
  color:#f5f5f2;
}
.form-feedback.is-success{
  display:block;
  background:linear-gradient(135deg,#0d3b27,#105633);
  border-color:#1e8e54;
  color:#ecfff4;
  animation:formFeedbackIn .4s cubic-bezier(.2,.8,.2,1) both;
}
.form-feedback.is-success strong{
  color:#77f2a8;
  font-size:15px;
}
.form-feedback.is-error{
  display:block;
  background:linear-gradient(135deg,#3e1515,#561919);
  border-color:#a33a3a;
  color:#fff0f0;
  animation:formFeedbackIn .4s cubic-bezier(.2,.8,.2,1) both;
}
.form-feedback.is-error strong{color:#ff9b9b}
@keyframes formFeedbackIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}


/* V32 — güvenli kesintisiz ticker + arka plan atmosferi */
.ticker-track{
  display:flex;
  width:max-content;
  min-width:max-content;
  gap:0;
}
.ticker-set{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Yüzen kelimeler görünür ama çok silik; içeriğin dikkatini çalmaz. */
.hero .shell,
.dark-section .shell,
.paper-section .shell,
section > .shell,
header,
footer,
.social-rail,
.whatsapp-float,
.contact-drawer{
  position:relative;
  z-index:20;
}

@media (prefers-reduced-motion: reduce){
  .floating-words span{animation:none!important}
}


/* V33 — iletişim paneli düzeltmesi */
.contact-drawer{
  position:fixed !important;
  inset:0 !important;
  z-index:300 !important;
  visibility:hidden;
  pointer-events:none;
}
.contact-drawer.open{
  visibility:visible !important;
  pointer-events:auto !important;
}
.contact-drawer .drawer-backdrop{
  position:absolute !important;
  inset:0 !important;
}
.contact-drawer .drawer-panel{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  height:100% !important;
  z-index:2 !important;
}

/* Arka plan kelimeleri hiçbir tıklamayı engellemesin */
.floating-words,
.floating-words *{
  pointer-events:none !important;
}