: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;
}


/* V34 — Çalışmaya açık canlı göstergesi */
.availability i{
  animation:actionPulse 1.55s ease-out infinite!important;
  box-shadow:0 0 0 0 rgba(255,189,0,.55)!important;
}

/* Behance */
.social-rail .behance-link svg{width:19px!important;height:19px!important;fill:currentColor!important;stroke:none!important}

/* Profesyonel video referansları */
.video-category{margin-top:86px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-card{display:flex;flex-direction:column;min-width:0;background:#101010;color:#fff;text-decoration:none;border:1px solid #222;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.video-card:hover{transform:translateY(-7px);border-color:rgba(255,189,0,.55);box-shadow:0 22px 55px rgba(0,0,0,.20)}
.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050505}
.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(1.04);transition:transform .5s ease,filter .4s ease}
.video-card:hover .video-thumb img{transform:scale(1.035);filter:saturate(1) contrast(1.04)}
.youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(255,189,0,.93);color:#111;font-size:23px;box-shadow:0 10px 35px rgba(0,0,0,.3);transition:transform .3s ease}
.video-card:hover .youtube-play{transform:translate(-50%,-50%) scale(1.08)}
.video-copy{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;min-height:170px}
.video-copy small{font:700 10px Manrope,sans-serif;letter-spacing:.13em;color:var(--yellow)}
.video-copy h3{font:600 26px/1.05 "Barlow Condensed",sans-serif;margin:0}
.video-action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font:700 10px Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#ddd}
.video-action:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);animation:actionPulse 1.55s ease-out infinite}

/* Katalog kartları */
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{appearance:none;border:1px solid #d8d8d3;background:#fff;text-align:left;padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.catalog-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(0,0,0,.12);border-color:#c7a32b}
.catalog-cover{height:360px;background:#e9e9e6;position:relative;display:grid;place-items:center;overflow:hidden}
.catalog-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s ease}
.catalog-card:hover .catalog-cover img{transform:scale(1.018)}
.catalog-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 42%,transparent 62%);transform:translateX(-120%);transition:transform .75s ease;pointer-events:none}
.catalog-card:hover .catalog-shine{transform:translateX(120%)}
.catalog-info{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;min-height:145px}
.catalog-info small{font:700 9px Manrope,sans-serif;letter-spacing:.12em;color:#8b8b84}
.catalog-info strong{font:600 24px/1.05 "Barlow Condensed",sans-serif;color:#111}
.catalog-action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;width:max-content;border-radius:999px;background:#111;color:#fff;padding:10px 14px;font:700 10px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.catalog-action:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);animation:actionPulse 1.55s ease-out infinite}
.catalog-card:hover .catalog-action{background:var(--yellow);color:#111}
.catalog-card:hover .catalog-action:before{background:#111;animation:actionPulseDark 1.55s ease-out infinite}

/* Flipbook modal */
.flipbook-modal{position:fixed;inset:0;z-index:9000;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .28s ease,visibility .28s ease}
.flipbook-modal.open{visibility:visible;pointer-events:auto;opacity:1}
.flipbook-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);cursor:default}
.flipbook-dialog{position:absolute;inset:18px;max-width:1500px;margin:auto;background:#101010;border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.flipbook-head{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;border-bottom:1px solid #282828;background:rgba(15,15,15,.96)}
.flipbook-head small{display:block;color:var(--yellow);font:700 9px Manrope,sans-serif;letter-spacing:.14em;margin-bottom:5px}
.flipbook-title{margin:0!important;font:600 25px/1 "Barlow Condensed",sans-serif!important}
.flipbook-tools{display:flex;align-items:center;gap:9px}.flipbook-pdf-link{color:#ddd;text-decoration:none;border:1px solid #353535;border-radius:999px;padding:10px 14px;font:700 9px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em}.flipbook-pdf-link:hover{border-color:var(--yellow);color:var(--yellow)}
.flipbook-close{width:42px;height:42px;border-radius:50%;border:1px solid #3b3b3b;background:#181818;color:#fff;font-size:26px;cursor:pointer}.flipbook-close:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}
.flipbook-stage{position:relative;display:grid;grid-template-columns:60px 1fr 60px;align-items:center;min-height:0;padding:18px;background:radial-gradient(circle at 50% 45%,#242424 0,#101010 58%,#090909 100%)}
.flipbook-book{position:relative;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);align-items:center;justify-items:center;perspective:2200px;transform-style:preserve-3d;transition:transform .4s ease;max-width:1160px;width:100%}
.flipbook-page{position:relative;display:grid;place-items:center;min-width:0;transform-origin:center center;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s ease;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}
.flipbook-page canvas{max-width:100%;max-height:72vh;background:white;display:block}.flipbook-page.is-blank{filter:none}.flipbook-page.is-blank:after{content:"";display:block;width:min(520px,37vw);aspect-ratio: .707;background:linear-gradient(90deg,#111,#171717);opacity:.45}
.flipbook-page.is-blank canvas{display:none}.flipbook-spine{width:2px;height:90%;background:linear-gradient(#222,#666,#222);box-shadow:0 0 18px rgba(0,0,0,.8);z-index:3}
.flipbook-book.turn-next .flipbook-right{transform:perspective(1600px) rotateY(-16deg) translateX(-8px);opacity:.55}.flipbook-book.turn-prev .flipbook-left{transform:perspective(1600px) rotateY(16deg) translateX(8px);opacity:.55}
.flipbook-nav{width:48px;height:48px;border-radius:50%;border:1px solid #404040;background:#171717;color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer;z-index:5}.flipbook-nav:hover:not(:disabled){background:var(--yellow);border-color:var(--yellow);color:#111}.flipbook-nav:disabled{opacity:.22;cursor:not-allowed}
.flipbook-foot{min-height:48px;border-top:1px solid #282828;display:flex;align-items:center;justify-content:center;gap:18px;color:#aaa;font-size:10px;background:#101010}.flipbook-counter{color:#fff;font-weight:800;font-size:12px}
.flipbook-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;background:#111;border:1px solid #333;border-radius:14px;padding:18px 22px;display:none;align-items:center;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.flipbook-loading.show{display:flex}.flipbook-loading span{width:18px;height:18px;border-radius:50%;border:2px solid #444;border-top-color:var(--yellow);animation:spin360 .8s linear infinite}.flipbook-loading strong{font-size:11px}@keyframes spin360{to{transform:rotate(360deg)}}
body.flipbook-open .topbar,body.flipbook-open .top-ticker,body.flipbook-open .social-rail,body.flipbook-open .whatsapp-float{opacity:0!important;pointer-events:none!important}

@media(max-width:980px){.video-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-cover{height:320px}}
@media(max-width:760px){
  .video-category{margin-top:60px}.video-grid,.catalog-grid{grid-template-columns:1fr;gap:16px}.catalog-cover{height:330px}.video-copy{min-height:145px}.video-copy h3{font-size:25px}
  .flipbook-dialog{inset:6px;border-radius:14px}.flipbook-head{min-height:68px;padding:11px 12px}.flipbook-head small{font-size:7px}.flipbook-title{font-size:21px!important;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flipbook-pdf-link{padding:8px 10px;font-size:8px}.flipbook-close{width:38px;height:38px}
  .flipbook-stage{grid-template-columns:44px 1fr 44px;padding:8px 4px}.flipbook-book{grid-template-columns:1fr;max-width:calc(100vw - 102px)}.flipbook-left.mobile-hidden,.flipbook-spine{display:none!important}.flipbook-right{grid-column:1}.flipbook-page canvas{max-height:68vh;max-width:100%}.flipbook-nav{width:38px;height:38px;font-size:28px}.flipbook-foot{padding:0 10px;gap:10px}.flipbook-foot small{display:none}
}


/* V35 — gerçek canlı durum göstergesi */
.availability .live-status-icon{position:relative;width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}
.availability .live-status-icon i{position:relative;width:7px!important;height:7px!important;border-radius:50%;background:var(--yellow)!important;box-shadow:none!important;animation:none!important;z-index:2}
.availability .live-status-icon:before,.availability .live-status-icon:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,189,0,.75);border-radius:50%;animation:liveRadar 1.75s cubic-bezier(.2,.7,.25,1) infinite}
.availability .live-status-icon:after{animation-delay:.85s}
@keyframes liveRadar{0%{transform:scale(.65);opacity:.95}75%,100%{transform:scale(2.1);opacity:0}}

/* V35 — ana sayfa 5 referans kartı */
.category-preview{grid-template-columns:repeat(5,minmax(0,1fr))}
.ref-cat h3{min-height:76px;display:flex;align-items:flex-end}
@media(max-width:1180px){.category-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.category-preview{grid-template-columns:1fr}.ref-cat h3{min-height:0}}

/* V35 — Basılı Materyaller alt kategorileri */
.print-subfilters{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 34px;padding:10px;background:rgba(255,255,255,.58);border:1px solid #d4d4cf;border-radius:18px;backdrop-filter:blur(10px)}
.print-subfilters button{border:1px solid transparent;background:transparent;color:#5c5c58;border-radius:999px;padding:11px 15px;font:700 10px Manrope,sans-serif;letter-spacing:.04em;cursor:pointer;transition:.28s ease}
.print-subfilters button:hover{color:#111;background:#fff;transform:translateY(-1px)}
.print-subfilters button.active{background:#111;color:var(--yellow);border-color:#111;box-shadow:0 9px 24px rgba(0,0,0,.12)}
.print-panel{display:none;opacity:0;transform:translateY(8px)}
.print-panel.active{display:block;animation:printPanelIn .42s ease both}
@keyframes printPanelIn{to{opacity:1;transform:none}}
.print-panel-title{margin:0 0 22px}.print-panel-title small{font:700 9px Manrope,sans-serif;letter-spacing:.16em;color:#8d8d87}.print-panel-title h3{font:600 44px/1 "Barlow Condensed",sans-serif;margin:5px 0 0}
.print-empty{min-height:220px;border:1px dashed #c7c7c1;background:rgba(255,255,255,.42);display:grid;place-items:center;color:#999;font:600 12px Manrope,sans-serif;border-radius:12px}
@media(max-width:760px){.print-subfilters{flex-wrap:nowrap;overflow-x:auto;padding:8px;border-radius:14px;scrollbar-width:none}.print-subfilters::-webkit-scrollbar{display:none}.print-subfilters button{flex:0 0 auto}.print-panel-title h3{font-size:36px}}

/* V35 — DearFlip hissine yakın, gerçek 3D sayfa çevirme */
.flipbook-dialog{inset:12px!important;max-width:1600px!important;background:#0b0b0b!important;border-radius:18px!important;grid-template-rows:auto 1fr auto!important}
.flipbook-stage{grid-template-columns:58px minmax(0,1fr) 58px!important;padding:14px 10px!important;background:radial-gradient(circle at 50% 45%,#252525 0,#121212 55%,#080808 100%)!important;overflow:hidden}
.flipbook-real-wrap{position:relative;min-width:0;height:100%;display:grid;place-items:center;overflow:hidden}
.flipbook-real{width:min(1180px,100%);height:min(78vh,850px);margin:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.42))}
.flipbook-page-html{background:#fff;overflow:hidden;display:flex!important;align-items:center;justify-content:center}
.flipbook-page-html img{width:100%;height:100%;object-fit:contain;background:white;display:block;user-select:none;-webkit-user-drag:none}
.flipbook-page-html.--hard{background:#f5f5f2}
.flipbook-real .stf__parent{margin:auto!important}
.flipbook-real .stf__block{box-shadow:0 10px 32px rgba(0,0,0,.3)}
.flipbook-sound{width:42px;height:42px;border-radius:50%;border:1px solid #393939;background:#171717;color:#aaa;cursor:pointer;display:grid;place-items:center;font-size:16px;transition:.25s}.flipbook-sound.active{color:var(--yellow);border-color:#5b4b14}.flipbook-sound:hover{background:#242424;color:#fff}
.flipbook-loading{z-index:40!important}
.flipbook-counter{min-width:85px;text-align:center}
@media(max-width:760px){.flipbook-dialog{inset:4px!important;border-radius:12px!important}.flipbook-stage{grid-template-columns:40px minmax(0,1fr) 40px!important;padding:6px 2px!important}.flipbook-real{width:100%;height:74vh}.flipbook-nav{width:36px!important;height:36px!important;font-size:26px!important}.flipbook-sound{width:36px;height:36px}.flipbook-pdf-link{display:none}.flipbook-foot small{display:none}.flipbook-title{max-width:190px!important}}

/* V36 — temiz, modern katalog görüntüleyici */
.flipbook-dialog{background:#111!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 34px 110px rgba(0,0,0,.64)!important}
.flipbook-stage{background:#151515!important;overflow:hidden!important;padding:18px 12px!important}
.flipbook-real-wrap{overflow:hidden!important;position:relative!important}
.flipbook-real{position:relative!important;width:100%!important;height:100%!important;max-width:1280px!important;filter:none!important;display:grid!important;place-items:center!important;perspective:2200px!important}
.modern-book{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2px;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .52s cubic-bezier(.2,.72,.16,1),opacity .42s ease,filter .42s ease}
.modern-book.single .modern-sheet{width:min(47%,600px)}
.modern-book.spread .modern-sheet{width:min(46%,600px)}
.modern-sheet{position:relative;max-height:76vh;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.35);overflow:hidden}
.modern-sheet img{display:block;width:100%;height:100%;max-height:76vh;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.modern-book.spread .modern-sheet:first-child{transform-origin:right center;border-radius:5px 0 0 5px}
.modern-book.spread .modern-sheet:nth-child(2){transform-origin:left center;border-radius:0 5px 5px 0}
.modern-book.single .modern-sheet{border-radius:5px}
.book-seam{position:absolute;left:50%;top:6%;bottom:6%;width:18px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(255,255,255,.18) 45%,rgba(0,0,0,.12));filter:blur(2px);opacity:.75;z-index:4}
.modern-book.enter-next{transform:perspective(2200px) rotateY(9deg) translateX(3%);opacity:.15;filter:blur(1px)}
.modern-book.enter-prev{transform:perspective(2200px) rotateY(-9deg) translateX(-3%);opacity:.15;filter:blur(1px)}
.modern-book.animate-in{transform:none;opacity:1;filter:none}
.modern-book.leave-next{transform:perspective(2200px) rotateY(-13deg) translateX(-5%) scale(.985);opacity:0;filter:blur(1.5px)}
.modern-book.leave-prev{transform:perspective(2200px) rotateY(13deg) translateX(5%) scale(.985);opacity:0;filter:blur(1.5px)}
.flipbook-head{background:#111!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.flipbook-foot{background:#111!important;border-top:1px solid rgba(255,255,255,.1)!important}
.flipbook-nav{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.15)!important;backdrop-filter:blur(8px);transition:.25s ease!important}
.flipbook-nav:hover:not(:disabled){background:var(--yellow)!important;color:#111!important;border-color:var(--yellow)!important;transform:scale(1.06)}
.flipbook-sound{display:none!important}
@media(max-width:760px){
  .flipbook-stage{padding:8px 3px!important}
  .modern-book.single .modern-sheet,.modern-book.spread .modern-sheet{width:min(100%,560px)}
  .modern-book.spread .modern-sheet:nth-child(2){display:none}
  .modern-sheet,.modern-sheet img{max-height:75vh}
  .book-seam{display:none}
}
\n\n/* V37 — EKOS Electric/DearFlip hissine yakın gerçek 3D flipbook */\n.df-lightbox-wrapper{background:rgba(6,6,6,.97)!important;backdrop-filter:blur(7px)}\n.df-lightbox-content{background:#111!important;box-shadow:none!important}\n.df-container,.df-book-stage{background:#111!important}\n.df-ui-wrapper{background:linear-gradient(180deg,rgba(18,18,18,.86),rgba(8,8,8,.96))!important}\n.df-ui-btn{color:#eee!important}\n.df-ui-btn:hover{color:#ffbd00!important}\n.df-lightbox-close{background:#151515!important;color:#fff!important;border-radius:50%!important}\n.df-lightbox-close:hover{background:#ffbd00!important;color:#111!important}\n.df-loading-info{color:#ddd!important;font-family:Manrope,Arial,sans-serif!important}\n.df-loading-icon{border-top-color:#ffbd00!important}\n.df-book-page{filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}\n@media(min-width:900px){\n  .df-lightbox-content{inset:4px!important;max-width:none!important;width:calc(100vw - 8px)!important;height:calc(100vh - 8px)!important}\n  .df-container{height:calc(100vh - 8px)!important}\n}\n@media(max-width:899px){\n  .df-lightbox-content{inset:0!important;width:100vw!important;height:100vh!important}\n  .df-container{height:100vh!important}\n}\n.flipbook-modal{display:none!important}\n
/* V38 — yerel, hızlı ve gerçekçi katalog flipbook */
.sa-flipbook{position:fixed;inset:0;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease;font-family:Manrope,Arial,sans-serif}
.sa-flipbook.open{opacity:1;visibility:visible;pointer-events:auto}
.sa-flipbook__backdrop{position:absolute;inset:0;background:rgba(5,5,5,.97);backdrop-filter:blur(10px)}
.sa-flipbook__shell{position:absolute;inset:10px;display:grid;grid-template-rows:64px minmax(0,1fr) 48px;background:#0d0d0d;border:1px solid rgba(255,255,255,.11);border-radius:18px;overflow:hidden;box-shadow:0 36px 120px rgba(0,0,0,.62);color:#fff}
.sa-flipbook__topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px 10px 22px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(13,13,13,.96)}
.sa-flipbook__titlewrap small{display:block;color:#ffbd00;font-size:8px;font-weight:800;letter-spacing:.16em;margin-bottom:4px}.sa-flipbook__titlewrap strong{display:block;font-family:"Barlow Condensed",Arial,sans-serif;font-size:22px;line-height:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}
.sa-flipbook__actions{display:flex;align-items:center;gap:8px}.sa-flipbook__pdf{color:#ddd;text-decoration:none;border:1px solid #333;border-radius:999px;padding:9px 13px;font-size:8px;font-weight:800;letter-spacing:.08em}.sa-flipbook__pdf:hover{color:#ffbd00;border-color:#ffbd00}.sa-flipbook__close{width:38px;height:38px;border-radius:50%;border:1px solid #353535;background:#151515;color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:.2s}.sa-flipbook__close:hover{background:#ffbd00;color:#111;border-color:#ffbd00;transform:rotate(8deg)}
.sa-flipbook__stage{min-height:0;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;padding:10px;background:radial-gradient(ellipse at center,#1a1a1a 0,#0d0d0d 64%,#090909 100%)}
.sa-flipbook__viewport{position:relative;min-width:0;height:100%;display:grid;place-items:center;overflow:hidden;perspective:2600px}
.sa-flipbook__book{position:relative;display:flex;align-items:stretch;justify-content:center;transform-style:preserve-3d;transition:width .28s ease,height .28s ease;filter:drop-shadow(0 24px 36px rgba(0,0,0,.34));touch-action:none;user-select:none}
.sa-page{width:var(--page-w);height:var(--page-h);background:#fff;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.sa-page img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-drag:none}
.sa-page--left{border-radius:5px 0 0 5px;box-shadow:inset -14px 0 18px -18px rgba(0,0,0,.5)}.sa-page--right{border-radius:0 5px 5px 0;box-shadow:inset 14px 0 18px -18px rgba(0,0,0,.5)}.sa-page--cover{border-radius:6px;cursor:grab}.sa-page--cover:active,.sa-page--right:active,.sa-page--left:active{cursor:grabbing}.sa-page--blank{background:transparent;box-shadow:none}
.sa-flipbook__book:not(.is-cover)::after{content:"";position:absolute;left:50%;top:1.5%;bottom:1.5%;width:2px;transform:translateX(-1px);background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.42) 50%,rgba(255,255,255,.12));z-index:12;box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none}
.sa-turn-sheet{position:absolute;top:0;z-index:30;transform-style:preserve-3d;will-change:transform;transition:transform .72s cubic-bezier(.18,.72,.14,1),filter .72s ease;filter:drop-shadow(0 16px 24px rgba(0,0,0,.34))}.sa-turn-sheet--next{transform-origin:left center}.sa-turn-sheet--prev{transform-origin:right center}.sa-turn-sheet--next.is-turning{transform:rotateY(-180deg)}.sa-turn-sheet--prev.is-turning{transform:rotateY(180deg)}
.sa-turn-sheet__face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff}.sa-turn-sheet__face img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.sa-turn-sheet__front::after,.sa-turn-sheet__back::after{content:"";position:absolute;inset:0;pointer-events:none}.sa-turn-sheet--next .sa-turn-sheet__front::after{background:linear-gradient(90deg,transparent 58%,rgba(0,0,0,.15) 87%,rgba(0,0,0,.28))}.sa-turn-sheet--next .sa-turn-sheet__back::after{background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.08) 24%,transparent 60%)}.sa-turn-sheet--prev .sa-turn-sheet__front::after{background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.08) 24%,transparent 60%)}.sa-turn-sheet--prev .sa-turn-sheet__back::after{background:linear-gradient(90deg,transparent 58%,rgba(0,0,0,.15) 87%,rgba(0,0,0,.28))}.sa-turn-sheet__back{transform:rotateY(180deg)}
.sa-flipbook__arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;font-size:32px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:.2s;z-index:4}.sa-flipbook__arrow:hover:not(:disabled){background:#ffbd00;color:#111;border-color:#ffbd00;transform:scale(1.06)}.sa-flipbook__arrow:disabled{opacity:.16;cursor:not-allowed}.sa-flipbook__arrow--prev{justify-self:start}.sa-flipbook__arrow--next{justify-self:end}
.sa-flipbook__toolbar{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid rgba(255,255,255,.09);background:#0d0d0d}.sa-flipbook__toolbar button{width:32px;height:32px;border:1px solid #333;border-radius:8px;background:#151515;color:#ddd;cursor:pointer;font-weight:800}.sa-flipbook__toolbar button:hover{border-color:#ffbd00;color:#ffbd00}.sa-flipbook__counter{min-width:110px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.05em;color:#eee}
.sa-flipbook__loader{position:absolute;inset:auto;display:none;align-items:center;gap:10px;padding:13px 16px;background:rgba(12,12,12,.94);border:1px solid #333;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:80}.sa-flipbook__loader.show{display:flex}.sa-flipbook__loader span{width:16px;height:16px;border:2px solid #444;border-top-color:#ffbd00;border-radius:50%;animation:saSpin .8s linear infinite}.sa-flipbook__loader b{font-size:10px;font-weight:700;color:#ddd}@keyframes saSpin{to{transform:rotate(360deg)}}
body.sa-flipbook-open{overflow:hidden!important}body.sa-flipbook-open .topbar,body.sa-flipbook-open .top-ticker,body.sa-flipbook-open .social-rail,body.sa-flipbook-open .whatsapp-float{opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.sa-flipbook__shell{inset:0;border:0;border-radius:0;grid-template-rows:58px minmax(0,1fr) 44px}.sa-flipbook__topbar{padding:8px 10px 8px 14px}.sa-flipbook__titlewrap small{font-size:7px}.sa-flipbook__titlewrap strong{font-size:19px;max-width:58vw}.sa-flipbook__pdf{display:none}.sa-flipbook__close{width:36px;height:36px}.sa-flipbook__stage{grid-template-columns:38px minmax(0,1fr) 38px;padding:4px}.sa-flipbook__arrow{width:34px;height:34px;font-size:25px}.sa-flipbook__book:not(.is-cover)::after{display:none}.sa-flipbook__book:not(.is-cover) .sa-page--left{display:none}.sa-flipbook__book:not(.is-cover){width:var(--page-w)!important}.sa-page--right{border-radius:5px}.sa-flipbook__counter{min-width:90px}.sa-flipbook__toolbar button{width:30px;height:30px}}

/* V40 — güvenilir yerel flipbook: yükleme ekranı yok, sayfa anında açılır */
.sa-flipbook__loader{display:none!important}
.sa-page{transform-style:preserve-3d;backface-visibility:hidden;transition:opacity .22s ease,transform .36s cubic-bezier(.2,.72,.2,1),filter .36s ease}
.sa-page-exit-next{opacity:.15;transform:perspective(1800px) rotateY(-16deg) translateX(-3%);filter:brightness(.78)}
.sa-page-exit-prev{opacity:.15;transform:perspective(1800px) rotateY(16deg) translateX(3%);filter:brightness(.78)}
.sa-page-enter-next{opacity:.05;transform:perspective(1800px) rotateY(12deg) translateX(3%);filter:brightness(.82)}
.sa-page-enter-prev{opacity:.05;transform:perspective(1800px) rotateY(-12deg) translateX(-3%);filter:brightness(.82)}
.sa-page-enter-next.is-in,.sa-page-enter-prev.is-in{opacity:1;transform:none;filter:none}
.print-art-grid{margin-top:16px}
.print-art-card .photo-frame{background:#111;aspect-ratio:16/10;overflow:hidden}
.print-art-card .photo-frame img{width:100%;height:100%;object-fit:contain;background:#111}
.print-art-card strong{min-height:44px;display:flex;align-items:flex-end}
@media(max-width:760px){.print-art-card .photo-frame{aspect-ratio:4/3}.print-art-card strong{min-height:auto}}


/* V41 — basılı çalışmalar fotoğraf galerisi gibi açılır */
.media-prev.hidden-nav,.media-next.hidden-nav{display:none!important}
.print-art-card{cursor:pointer}
.print-art-card .photo-frame{position:relative}
.print-art-card:hover .photo-frame img{transform:scale(1.015)}
.print-art-card .photo-frame img{transition:transform .3s ease}
body.photo-lightbox-open .media-modal{z-index:12000}
body.photo-lightbox-open .media-stage{max-width:min(94vw,1800px);max-height:90vh}
body.photo-lightbox-open .media-stage .photo-original{max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain}

/* V42 — Fotoğraf / basılı materyal lightbox: güvenilir tam ekran açılış + gezinme */
.media-modal{position:fixed;inset:0;z-index:2147482000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(5,5,5,.96);backdrop-filter:blur(9px)}
.media-modal.open{display:flex!important}
.media-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-out}
.media-dialog{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:94vw;max-height:94vh;background:transparent;border:0;box-shadow:none}
.media-stage{display:grid;place-items:center;max-width:94vw;max-height:86vh;overflow:auto}
.media-stage img,.media-stage .photo-original{display:block;max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.media-stage .photo-original.native-zoom{max-width:none;max-height:none;cursor:zoom-out}
.media-title{margin:12px 56px 0;color:#fff;font:600 18px/1.2 "Barlow Condensed",Arial,sans-serif;text-align:center}
.media-x{position:fixed;right:22px;top:18px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(15,15,15,.8);color:#fff;font-size:28px;cursor:pointer}.media-x:hover{background:#ffbd00;color:#111;border-color:#ffbd00}
.media-prev,.media-next{position:fixed;top:50%;z-index:4;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(15,15,15,.72);color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%)}
.media-prev{left:18px}.media-next{right:18px}.media-prev:hover,.media-next:hover{background:#ffbd00;color:#111;border-color:#ffbd00}.hidden-nav{display:none!important}
body.photo-lightbox-open{overflow:hidden!important}body.photo-lightbox-open .topbar,body.photo-lightbox-open .top-ticker,body.photo-lightbox-open .social-rail,body.photo-lightbox-open .whatsapp-float{opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.media-modal{padding:12px}.media-stage,.media-stage img,.media-stage .photo-original{max-width:96vw;max-height:82vh}.media-prev,.media-next{width:38px;height:38px;font-size:26px}.media-prev{left:6px}.media-next{right:6px}.media-x{right:8px;top:8px;width:38px;height:38px}.media-title{font-size:16px;margin-top:10px}}


/* V46 — mobile navigation rebuilt + DearFlip lightbox polish */
.contact-drawer{z-index:12000!important}

/* DearFlip popup should sit above every site control. Keep the real DearFlip renderer untouched. */
.df-lightbox-wrapper{z-index:11000!important;background:rgba(5,5,5,.985)!important;backdrop-filter:blur(10px)!important}
.df-lightbox-content{background:#101010!important}
.df-container,.df-book-stage{background:#101010!important}
.df-ui-wrapper{background:linear-gradient(180deg,rgba(15,15,15,.78),rgba(8,8,8,.96))!important}
.df-ui-btn{color:#f2f2f2!important}
.df-ui-btn:hover{color:#ffbd00!important}
.df-lightbox-close{background:rgba(20,20,20,.92)!important;color:#fff!important;border-radius:50%!important}
.df-lightbox-close:hover{background:#ffbd00!important;color:#111!important}
.df-page-front:before,.df-page-back:before{opacity:0!important}
._df_custom.catalog-card{appearance:none;-webkit-appearance:none;font:inherit;color:inherit}

@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden!important}
  .topbar{z-index:8000!important}
  .topbar-inner{height:68px!important}
  .logo img{width:138px!important}
  .menu-btn{display:grid!important;place-items:center;width:44px!important;height:44px!important;padding:9px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;position:relative!important;z-index:2!important;cursor:pointer!important}
  .menu-btn span{position:absolute!important;width:20px!important;height:1.5px!important;margin:0!important;background:#fff!important;border-radius:3px!important;transition:transform .28s ease,top .28s ease,opacity .2s ease!important}
  .menu-btn span:first-child{top:16px!important}
  .menu-btn span:last-child{top:25px!important}
  .menu-btn.open span:first-child{top:21px!important;transform:rotate(45deg)!important}
  .menu-btn.open span:last-child{top:21px!important;transform:rotate(-45deg)!important}

  .menu,
  .references-page .menu{
    position:fixed!important;
    top:calc(var(--ticker-h,30px) + 76px)!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    inset:auto 10px 10px 10px!important;
    margin-top:calc(var(--ticker-h,30px) + 76px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:24px!important;
    background:rgba(9,9,9,.96)!important;
    backdrop-filter:blur(24px) saturate(1.2)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-12px) scale(.985)!important;
    transition:opacity .28s ease,transform .32s cubic-bezier(.2,.75,.2,1),visibility .28s ease!important;
    overflow:auto!important;
    z-index:7999!important;
  }
  .menu.open,.references-page .menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .menu a,.menu button,
  .references-page .menu a,.references-page .menu button{
    width:100%!important;
    min-height:54px!important;
    padding:0 17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;
    color:#f2f2ef!important;
    font:700 14px/1 Manrope,Arial,sans-serif!important;
    text-align:left!important;
    text-decoration:none!important;
  }
  .menu a::after,.menu button::after{content:'↗';font-size:15px;color:rgba(255,255,255,.42);transition:.2s}
  .menu a[href^="#"]::after,.menu button.contact-open::after{content:'↓'}
  .menu a:hover,.menu button:hover,.menu .active-page{background:#ffbd00!important;border-color:#ffbd00!important;color:#111!important}
  .menu a:hover::after,.menu button:hover::after,.menu .active-page::after{color:#111!important}
  .menu .active-page:after{transform:none!important}

  .contact-drawer .drawer-panel{width:100%!important;max-width:none!important;padding:88px 20px 34px!important;border-left:0!important}
  .contact-drawer .drawer-x{position:fixed!important;top:calc(var(--ticker-h,30px) + 16px)!important;right:16px!important;z-index:4!important;background:#171717!important}
  .drawer-panel h2{font-size:48px!important;max-width:90%!important}

  .df-lightbox-content{inset:0!important;width:100vw!important;height:100svh!important;border-radius:0!important}
  .df-container{height:100svh!important}
  .df-lightbox-close{top:10px!important;right:10px!important}
}

/* V46.1 — definitive mobile menu geometry */
@media(max-width:760px){
  .menu,.references-page .menu{
    top:calc(var(--ticker-h,30px) + 76px)!important;
    left:10px!important;right:10px!important;bottom:10px!important;
    margin:0!important;inset:calc(var(--ticker-h,30px) + 76px) 10px 10px 10px!important;
    max-height:calc(100svh - var(--ticker-h,30px) - 86px)!important;
  }
}

/* V47 — mobile menu hotfix: keep the dropdown out of the fixed/backdrop-filter containing-block bug */
@media(max-width:760px){
  .topbar{overflow:visible!important}
  .topbar-inner{position:relative!important;overflow:visible!important}
  .menu,
  .references-page .menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    inset:auto 10px auto 10px!important;
    margin:0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - var(--ticker-h,30px) - 96px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px!important;
    gap:6px!important;
    border-radius:20px!important;
    transform:translateY(-10px) scale(.985)!important;
    transform-origin:top center!important;
  }
  .menu.open,
  .references-page .menu.open{
    transform:translateY(0) scale(1)!important;
  }
  .menu a,.menu button,
  .references-page .menu a,.references-page .menu button{
    flex:0 0 auto!important;
    min-height:52px!important;
  }
}

/* V61 — Mobile browser-back recovery + certificates: auto flow AND manual swipe/drag */
.cert-viewport{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  cursor:grab;
  touch-action:pan-x pan-y;
}
.cert-viewport::-webkit-scrollbar{display:none}
.cert-viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.cert-track{animation:none!important;will-change:auto!important}
.cert-viewport:hover .cert-track{animation-play-state:running!important}

/* V61.1 — mobile main menu: always fully visible + explicit close control */
.menu-mobile-close{display:none}
@media(max-width:760px){
  .menu,
  .references-page .menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    inset:auto 0 auto 0!important;
    width:100%!important;
    margin:0!important;
    max-height:calc(100dvh - var(--ticker-h,30px) - 92px)!important;
    max-height:calc(100svh - var(--ticker-h,30px) - 92px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 14px 14px!important;
    scroll-padding-top:58px!important;
  }
  .menu-mobile-close{
    display:grid!important;
    place-items:center!important;
    position:sticky!important;
    top:0!important;
    align-self:flex-end!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0 0 7px auto!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:13px!important;
    background:#181818!important;
    color:#f4f4f1!important;
    font:300 30px/1 Arial,sans-serif!important;
    text-align:center!important;
    z-index:3!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }
  .menu-mobile-close::after{content:none!important}
  .menu-mobile-close:active{transform:scale(.96)!important;background:#ffbd00!important;color:#111!important}
}


/* V61.2 FINAL — certificates always flow + mobile menu fully visible */
/* Desktop must never show the mobile close X. */
@media(min-width:761px){
  .menu-mobile-close{display:none!important;visibility:hidden!important;pointer-events:none!important}
}

/* The CSS keyframe track is intentionally disabled because JS owns the continuous loop. */
.cert-track{animation:none!important;will-change:auto!important}
.cert-viewport:hover .cert-track{animation-play-state:running!important}

@media(max-width:760px){
  .topbar{overflow:visible!important}
  .topbar-inner{position:relative!important;overflow:visible!important}

  /* No internal menu scroll = it can never reopen halfway down. */
  .menu,
  .references-page .menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    inset:auto 0 auto 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 14px 14px!important;
    gap:6px!important;
    overflow:visible!important;
    overscroll-behavior:none!important;
    transform-origin:top center!important;
  }

  .menu-mobile-close{
    display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    align-self:flex-end!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0 0 5px auto!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:13px!important;
    background:#181818!important;
    color:#f4f4f1!important;
    font:300 30px/1 Arial,sans-serif!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:4!important;
  }
  .menu-mobile-close::after{content:none!important}

  .menu a,.menu button:not(.menu-mobile-close),
  .references-page .menu a,.references-page .menu button:not(.menu-mobile-close){
    min-height:48px!important;
    flex:0 0 48px!important;
  }
}


/* V61.4 FINAL — mobile menu always starts fully below the fixed header; certificates remain live while dragging */
.cert-viewport{
  overflow:hidden!important;
  touch-action:pan-y!important;
  cursor:grab!important;
}
.cert-viewport.is-dragging{cursor:grabbing!important}
.cert-track{
  animation:none!important;
  transform:translate3d(0,0,0);
  will-change:transform!important;
}
.cert-viewport:hover .cert-track{animation-play-state:running!important}

@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden!important}
  .topbar,.topbar-inner{overflow:visible!important}
  .menu,
  .references-page .menu{
    position:fixed!important;
    inset:calc(var(--ticker-h,30px) + 76px) 10px 10px 10px!important;
    top:calc(var(--ticker-h,30px) + 76px)!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:58px 14px 14px!important;
    gap:6px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:18px!important;
    transform:translateY(-18px) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .28s ease,opacity .22s ease,visibility .22s!important;
    z-index:9000!important;
  }
  .menu.open,
  .references-page .menu.open{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .menu-mobile-close,
  .references-page .menu-mobile-close{
    display:grid!important;
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    border-radius:12px!important;
    background:#181818!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.16)!important;
    font:300 28px/1 Arial,sans-serif!important;
    z-index:2!important;
  }
  .menu a,.menu button:not(.menu-mobile-close),
  .references-page .menu a,.references-page .menu button:not(.menu-mobile-close){
    width:100%!important;
    min-height:52px!important;
    flex:0 0 52px!important;
  }
}
@media(min-width:761px){
  .menu-mobile-close,.references-page .menu-mobile-close{display:none!important}
}

/* V61.5 — FINAL MOBILE NAV: large, clean, no nested mini-scroll panel */
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden!important;overscroll-behavior:none!important}

  /* menu is moved to <body> by JS so Safari cannot trap fixed positioning inside the header */
  body > .menu,
  body > .menu.references-page,
  body.references-page > .menu{
    position:fixed!important;
    top:calc(var(--ticker-h,30px) + 68px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:calc(var(--ticker-h,30px) + 68px) 0 0 0!important;
    width:100vw!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:24px 18px max(24px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(13,13,13,.985)!important;
    backdrop-filter:blur(24px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.05)!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-10px,0)!important;
    transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .22s ease!important;
    z-index:20000!important;
  }
  body > .menu.open,
  body.references-page > .menu.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }

  body > .menu .menu-mobile-close,
  body.references-page > .menu .menu-mobile-close{
    display:grid!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    align-self:flex-end!important;
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 0 8px auto!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.065)!important;
    color:#fff!important;
    font:300 32px/1 Arial,sans-serif!important;
    box-shadow:none!important;
    z-index:2!important;
  }
  body > .menu .menu-mobile-close::after{content:none!important}
  body > .menu .menu-mobile-close:active{background:#ffbd00!important;color:#111!important;transform:scale(.96)!important}

  body > .menu a,
  body > .menu button:not(.menu-mobile-close),
  body.references-page > .menu a,
  body.references-page > .menu button:not(.menu-mobile-close){
    flex:0 0 auto!important;
    width:100%!important;
    min-height:62px!important;
    height:auto!important;
    padding:17px 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.045)!important;
    color:#f5f5f2!important;
    font:750 16px/1.25 Manrope,Arial,sans-serif!important;
    text-align:left!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  body > .menu a::after,
  body > .menu button:not(.menu-mobile-close)::after{
    content:'↘'!important;
    flex:0 0 auto!important;
    margin-left:16px!important;
    color:#ffbd00!important;
    font-size:18px!important;
    opacity:.9!important;
  }
  body > .menu .active-page{background:#ffbd00!important;border-color:#ffbd00!important;color:#111!important}
  body > .menu .active-page::after{color:#111!important}
  body > .menu a:active,
  body > .menu button:not(.menu-mobile-close):active{transform:scale(.985)!important}
}

/* On desktop, mobile-only X never leaks into the normal horizontal navigation. */
@media(min-width:761px){
  .menu-mobile-close{display:none!important;visibility:hidden!important;pointer-events:none!important}
}

/* V62 — final mobile menu polish: one close control + lighter backdrop */
@media(max-width:760px){
  /* The hamburger/X in the fixed header is the only close control. */
  .menu-mobile-close,
  body > .menu .menu-mobile-close,
  body.references-page > .menu .menu-mobile-close{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Let the portfolio remain subtly visible behind the menu. */
  body > .menu,
  body > .menu.references-page,
  body.references-page > .menu{
    background:rgba(10,10,10,.76)!important;
    backdrop-filter:blur(12px) saturate(1.02)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.02)!important;
    padding-top:22px!important;
  }

  /* Keep the actual navigation cards solid/legible while the backdrop is lighter. */
  body > .menu a,
  body > .menu button:not(.menu-mobile-close),
  body.references-page > .menu a,
  body.references-page > .menu button:not(.menu-mobile-close){
    background:rgba(24,24,24,.94)!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  }
}

/* V63 — Certificate lightbox: photo-gallery style navigation without changing certificate marquee */
.media-modal.cert-viewer{z-index:99999!important}
.media-modal.cert-viewer .media-backdrop{background:rgba(8,8,8,.90)!important;backdrop-filter:blur(7px)!important}
.media-modal.cert-viewer .media-dialog{
  width:min(1180px,90vw)!important;
  max-height:92vh!important;
  padding:16px 16px 14px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:16px!important;
  box-shadow:0 34px 110px rgba(0,0,0,.52)!important;
  overflow:hidden!important;
}
.media-modal.cert-viewer .media-stage{
  height:min(72vh,760px)!important;
  background:#fff!important;
  padding:10px!important;
  overflow:hidden!important;
}
.media-modal.cert-viewer .media-stage img.cert-original{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:#fff!important;
  -webkit-user-drag:none!important;
  user-select:none!important;
}
.media-modal.cert-viewer .media-title{
  display:block!important;
  margin:10px 4px 0!important;
  min-height:36px!important;
  color:#111!important;
  text-align:center!important;
  font:600 26px/1.15 'Barlow Condensed',sans-serif!important;
}
.media-modal.cert-viewer .media-x{
  right:14px!important;
  top:14px!important;
  width:44px!important;
  height:44px!important;
  background:rgba(15,15,15,.86)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}
.media-modal.cert-viewer .media-prev,
.media-modal.cert-viewer .media-next{display:grid!important;place-items:center!important}
body.cert-lightbox-open{overflow:hidden!important}

@media(max-width:760px){
  .media-modal.cert-viewer{padding:0!important;background:#fff!important}
  .media-modal.cert-viewer .media-backdrop{background:#fff!important;backdrop-filter:none!important}
  .media-modal.cert-viewer .media-dialog{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    padding:58px 10px 16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .media-modal.cert-viewer .media-stage{
    width:100%!important;
    height:calc(100dvh - 118px)!important;
    padding:0!important;
    background:#fff!important;
  }
  .media-modal.cert-viewer .media-stage img.cert-original{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#fff!important;
  }
  .media-modal.cert-viewer .media-title{
    position:absolute!important;
    left:56px!important;
    right:56px!important;
    bottom:12px!important;
    margin:0!important;
    min-height:28px!important;
    font-size:20px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .media-modal.cert-viewer .media-x{
    position:fixed!important;
    right:12px!important;
    top:12px!important;
    width:42px!important;
    height:42px!important;
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }
  .media-modal.cert-viewer .media-prev,
  .media-modal.cert-viewer .media-next{
    position:fixed!important;
    top:50%!important;
    width:42px!important;
    height:54px!important;
    border-radius:12px!important;
    font-size:34px!important;
    background:rgba(17,17,17,.76)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
  }
  .media-modal.cert-viewer .media-prev{left:7px!important}
  .media-modal.cert-viewer .media-next{right:7px!important}
}

/* V64 — Certificate viewer: show the entire certificate, no caption */
.media-modal.cert-viewer .media-dialog{
  width:min(1280px,96vw)!important;
  height:auto!important;
  max-height:96vh!important;
  padding:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  overflow:visible!important;
}
.media-modal.cert-viewer .media-stage{
  width:100%!important;
  height:auto!important;
  max-height:calc(96vh - 24px)!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  overflow:visible!important;
}
.media-modal.cert-viewer .media-stage img.cert-original{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(96vh - 24px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
.media-modal.cert-viewer .media-title{display:none!important}

@media(max-width:760px){
  .media-modal.cert-viewer .media-dialog{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:54px 8px 12px!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .media-modal.cert-viewer .media-stage{
    width:100%!important;
    height:calc(100dvh - 66px)!important;
    max-height:calc(100dvh - 66px)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .media-modal.cert-viewer .media-stage img.cert-original{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}