/* BurakDincer.com • cinematic motion layer. Public pages only, original style and panel intact. */
:root{--bdm-navy:#071a2b;--bdm-deep:#051525;--bdm-gold:#efbd68;--bdm-ivory:#f3efe7;--bdm-ease:cubic-bezier(.16,1,.3,1)}
body.bd-motion{overflow-x:clip}
body.bd-motion .top{background:rgba(5,20,35,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(239,189,104,.19);box-shadow:0 10px 30px #02101d35}
body.bd-motion .top .brand .monogram{box-shadow:0 0 0 1px rgba(239,189,104,.55),0 0 24px #ecb46226;transition:transform .4s var(--bdm-ease),box-shadow .4s}
body.bd-motion .top .brand:hover .monogram{transform:rotate(-10deg) scale(1.06);box-shadow:0 0 30px #efbd687a}
body.bd-motion .top .links a{position:relative;white-space:nowrap;transition:color .25s}
body.bd-motion .top .links a:after{content:'';height:2px;position:absolute;bottom:4px;left:0;right:100%;background:var(--bdm-gold);transition:right .34s var(--bdm-ease)}
body.bd-motion .top .links a:hover:after,body.bd-motion .top .links a:focus-visible:after{right:0}
body.bd-motion .top .links a:hover{color:var(--bdm-gold)}
/* Hero is independent of the legacy .hero classes so legacy content remains functional. */
.bdm-hero{position:relative;isolation:isolate;min-height:clamp(710px,83svh,890px);display:flex;align-items:center;overflow:hidden;color:#f7f9fb;background:radial-gradient(ellipse at 82% 50%,#204a64 0,#112c44 28%,#071a2b 67%,#051423 100%)}
.bdm-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 33%,rgba(239,189,104,.17),transparent 36%),radial-gradient(circle at 12% 78%,rgba(38,112,154,.24),transparent 43%);pointer-events:none}
.bdm-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.5' type='fractalNoise' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.13' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.bdm-grid{position:absolute;inset:0;opacity:.26;pointer-events:none;background-image:linear-gradient(#b8d1df1a 1px,transparent 1px),linear-gradient(90deg,#b8d1df1a 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,#000)}
.bdm-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;min-height:680px;padding-top:75px;padding-bottom:95px}
.bdm-copy{position:relative;z-index:8;max-width:665px;pointer-events:none}.bdm-copy>*{pointer-events:auto}
.bdm-eyebrow{font-size:clamp(9px,.93vw,11px);letter-spacing:.23em;font-weight:850;color:var(--bdm-gold);display:flex;align-items:center;gap:13px;line-height:1.7}
.bdm-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--bdm-gold);box-shadow:0 0 14px 5px #ecaf4760;animation:bdm-pulse 3s ease-in-out infinite}
.bdm-heading{font-weight:900;letter-spacing:-.085em;font-size:clamp(78px,9.3vw,155px);line-height:.82;margin:31px 0 30px;color:white;text-shadow:0 15px 60px #010d18a3}
.bdm-heading span{display:block}.bdm-heading .bdm-gold{color:var(--bdm-gold)}.bdm-period{color:#fff;display:inline!important}
.bdm-quote{max-width:540px;font-size:clamp(17px,2vw,26px);font-weight:600;line-height:1.45;letter-spacing:-.02em;margin:0 0 15px;color:#f5f7fb}
.bdm-description{font-size:clamp(13px,1.15vw,16px);line-height:1.85;color:#c2d1df;max-width:515px;margin:0 0 27px}
.bdm-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.bdm-actions a{padding:15px 18px;border-radius:999px;min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:800;font-size:12px;line-height:1;transition:transform .35s var(--bdm-ease),box-shadow .35s,background .25s}
.bdm-actions a:hover{transform:translateY(-5px)}.bdm-primary{background:var(--bdm-gold);color:#112a3c!important;box-shadow:0 12px 36px #efbd6840}.bdm-primary:hover{box-shadow:0 18px 55px #efbd686a}.bdm-outline{border:1px solid #e1eaf25a;color:#f2f6fb!important;background:#031b2b5c}.bdm-outline:hover{background:#edf6fa1b}
.bdm-micro{margin-top:31px;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.16em;color:#97b1c3}.bdm-micro-line{width:38px;height:1px;background:var(--bdm-gold)}
.bdm-gallery{position:absolute;inset:0 0 0 37%;perspective:1300px;pointer-events:none;z-index:3}
.bdm-photo{--bdm-angle:0deg;--bdm-delay:0s;--bdm-time:8s;position:absolute;margin:0;overflow:hidden;background:#183b52;border:1px solid #e5eaf078;border-radius:18px;box-shadow:0 24px 70px #0009;animation:bdm-float var(--bdm-time) ease-in-out var(--bdm-delay) infinite alternate;will-change:transform;transform:translate3d(0,0,0) rotate(var(--bdm-angle))}
.bdm-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0615249e);pointer-events:none}
.bdm-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(.94)}
.bdm-photo figcaption{position:absolute;z-index:2;bottom:14px;left:17px;color:#fff;letter-spacing:.18em;font-size:9px;font-weight:850;text-shadow:0 1px 6px #00172e}
.bdm-photo-1{width:clamp(225px,27vw,370px);height:clamp(310px,40vw,510px);right:13%;top:17%;z-index:4;--bdm-angle:9deg;--bdm-time:7s}
.bdm-photo-2{width:clamp(160px,17vw,245px);height:clamp(190px,21vw,290px);right:55%;top:8%;z-index:2;--bdm-angle:-13deg;--bdm-time:8.5s;--bdm-delay:-2s}
.bdm-photo-3{width:clamp(160px,18vw,255px);height:clamp(195px,23vw,310px);right:0%;bottom:7%;z-index:5;--bdm-angle:13deg;--bdm-time:7.5s;--bdm-delay:-3s}
.bdm-photo-4{width:clamp(135px,15vw,205px);height:clamp(175px,18vw,250px);right:53%;bottom:4%;z-index:3;--bdm-angle:-10deg;--bdm-time:6.6s;--bdm-delay:-4.5s}
.bdm-gallery-stamp{position:absolute;right:17%;bottom:6%;z-index:6;font-weight:850;letter-spacing:.18em;font-size:10px;color:#f3c67b;transform:rotate(-5deg)}.bdm-gallery-stamp span{padding:0 6px}
.bdm-orbit{position:absolute;z-index:1;border:1px solid #efbd6844;border-radius:50%;pointer-events:none;animation:bdm-orbit 28s linear infinite}.bdm-orbit-one{height:670px;width:670px;right:1%;top:7%}.bdm-orbit-two{height:470px;width:470px;right:9%;top:21%;border-style:dashed;animation-direction:reverse;animation-duration:21s}.bdm-orbit:after{content:"";height:10px;width:10px;position:absolute;top:15%;left:15%;background:var(--bdm-gold);border-radius:50%;box-shadow:0 0 18px 7px #efbd6877}
.bdm-sparks span{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:var(--bdm-gold);box-shadow:0 0 20px 6px #f1b34a7a;animation:bdm-twinkle 3.3s ease-in-out infinite alternate}.bdm-sparks span:nth-child(1){right:46%;top:18%}.bdm-sparks span:nth-child(2){right:10%;top:60%;animation-delay:-1.5s}.bdm-sparks span:nth-child(3){right:28%;top:82%;animation-delay:-2.4s}.bdm-sparks span:nth-child(4){right:62%;top:66%;animation-delay:-.8s}
.bdm-scroll-indicator{position:absolute;left:clamp(20px,6vw,90px);bottom:32px;z-index:8;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.2em;color:#a5bdce}.bdm-scroll-bar{display:block;width:1px;height:44px;background:linear-gradient(var(--bdm-gold),transparent);transform-origin:top;animation:bdm-drop 1.9s ease-in-out infinite}
.bdm-marquee{background:#efbd68;color:#132b3d;position:relative;z-index:5;overflow:hidden;transform:rotate(-.9deg) scale(1.016);box-shadow:0 12px 33px #08172c35;margin-top:-1px}.bdm-marquee-track{display:flex;width:max-content;align-items:center;gap:4rem;animation:bdm-marquee 28s linear infinite;padding:15px 0;white-space:nowrap;font-weight:900;font-size:12px;letter-spacing:.18em}.bdm-marquee-track span{display:block}.bdm-marquee-track i{font-style:normal;padding:0 28px;font-size:15px;vertical-align:middle}
/* Inner pages: add richness without replacing biography, archive, and publication markup. */
body.bd-motion .section-page,body.bd-motion .about-page{position:relative}
body.bd-motion .bd-page-lead,body.bd-motion .bio-intro{position:relative;padding:38px clamp(22px,5vw,65px);margin-top:16px;margin-bottom:34px;border-radius:24px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 92% 20%,#335a72,#112d47 42%,#071d32);box-shadow:0 17px 40px #12344a20;color:white}
body.bd-motion .bd-page-lead:before,body.bd-motion .bio-intro:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}
body.bd-motion .bd-page-lead:after,body.bd-motion .bio-intro:after{content:'';position:absolute;z-index:-1;height:230px;width:230px;right:-65px;top:-95px;border:1px solid #efbd6880;border-radius:50%;box-shadow:0 0 0 55px #efbd6814,0 0 0 105px #efbd680d;animation:bdm-pulse 7s ease-in-out infinite alternate}
body.bd-motion .bd-page-lead h1,body.bd-motion .bio-intro h1{color:#f3c477;font-family:system-ui,Arial,sans-serif;font-weight:900;letter-spacing:-.055em}
body.bd-motion .bd-page-lead p,body.bd-motion .bio-intro p,body.bd-motion .bio-lead{color:#dae6ee}
body.bd-motion .bd-page-lead .eyebrow,body.bd-motion .bio-intro .eyebrow{color:#efbd68}
body.bd-motion .bio-opening .bio-cover{box-shadow:0 30px 65px #052c4255;animation:bdm-bob 7s ease-in-out infinite alternate;transition:transform .6s var(--bdm-ease)}
body.bd-motion .photo-gallery figure,body.bd-motion .bd-v43-photo-grid figure{transition:transform .65s var(--bdm-ease),box-shadow .65s;transform-style:preserve-3d}
body.bd-motion .photo-gallery figure:hover,body.bd-motion .bd-v43-photo-grid figure:hover{transform:translateY(-11px) rotate(-1deg);box-shadow:0 28px 60px #071d3238}
body.bd-motion .photo-gallery figure img,body.bd-motion .bd-v43-photo-grid figure img{transition:transform .9s var(--bdm-ease)}
body.bd-motion .photo-gallery figure:hover img,body.bd-motion .bd-v43-photo-grid figure:hover img{transform:scale(1.09)}
body.bd-motion .tile,body.bd-motion .network-card,body.bd-motion .bd-project-item,body.bd-motion .bd-v43-book,body.bd-motion .bd-shortcuts a{transition:transform .4s var(--bdm-ease),box-shadow .4s var(--bdm-ease);transform:perspective(980px) rotateX(var(--bdm-rx,0deg)) rotateY(var(--bdm-ry,0deg)) translateY(var(--bdm-rise,0px));will-change:auto}
body.bd-motion .tile:hover,body.bd-motion .network-card:hover,body.bd-motion .bd-project-item:hover,body.bd-motion .bd-v43-book:hover,body.bd-motion .bd-shortcuts a:hover{--bdm-rise:-8px;box-shadow:0 25px 60px #081d2e35}
body.bd-motion .tile img{transition:transform .7s var(--bdm-ease)}body.bd-motion .tile:hover img{transform:scale(1.07)}
/* Progressive reveal: JS only adds .bdm-animated after observer has been registered. */
body.bd-motion.bdm-js .bdm-reveal{opacity:0;transform:translateY(38px) scale(.985);transition:opacity .8s var(--bdm-ease),transform .9s var(--bdm-ease)}
body.bd-motion.bdm-js .bdm-reveal.bdm-visible{opacity:1;transform:translateY(0) scale(1)}
.bdm-control{position:fixed;left:22px;bottom:24px;z-index:55;border:1px solid #efbd686c;border-radius:99px;box-shadow:0 7px 24px #07172844;background:#071b2cea;color:#f8dd9f;padding:11px 16px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px;cursor:pointer;backdrop-filter:blur(12px)}.bdm-control:hover{background:#13354c}.bdm-control:focus-visible{outline:3px solid #efbd68;outline-offset:3px}
@keyframes bdm-float{0%{transform:translate3d(0,0,0) rotate(var(--bdm-angle))}50%{transform:translate3d(7px,-17px,0) rotate(calc(var(--bdm-angle) + 1.5deg))}100%{transform:translate3d(-8px,13px,0) rotate(calc(var(--bdm-angle) - 2deg))}}
@keyframes bdm-bob{to{transform:translateY(-14px) rotate(.8deg)}}@keyframes bdm-orbit{to{transform:rotate(360deg)}}@keyframes bdm-twinkle{to{opacity:.2;transform:scale(.65)}}@keyframes bdm-drop{50%{transform:scaleY(.4);opacity:.55}}@keyframes bdm-pulse{50%{opacity:.35;transform:scale(1.05)}}@keyframes bdm-marquee{to{transform:translateX(-50%)}}
/* Safety & usability for phones; all original navigation links remain. */
@media(max-width:1140px){.bdm-heading{font-size:clamp(70px,9.2vw,115px)}.bdm-gallery{inset:0 0 0 34%}.bdm-photo-1{right:6%}.bdm-photo-3{right:-1%}}
@media(max-width:950px){body.bd-motion .top .links a:after{display:none}.bdm-hero{min-height:780px}.bdm-hero-inner{grid-template-columns:1fr;min-height:750px;align-items:start;padding-top:93px;padding-bottom:60px}.bdm-copy{max-width:610px}.bdm-gallery{inset:8% 0 0 37%;opacity:.75}.bdm-heading{font-size:clamp(73px,11vw,110px)}.bdm-photo-1{right:7%;top:21%}.bdm-photo-2{top:10%;right:52%}.bdm-photo-4{bottom:10%;right:45%}.bdm-photo-3{bottom:12%}.bdm-quote,.bdm-description{max-width:460px}.bdm-orbit-one{right:-32%}.bdm-orbit-two{right:-15%}}
@media(max-width:650px){.bdm-hero{min-height:860px;align-items:start}.bdm-hero-inner{min-height:850px;padding-top:67px;padding-bottom:385px}.bdm-copy{width:100%}.bdm-eyebrow{font-size:9px;letter-spacing:.13em}.bdm-heading{font-size:clamp(64px,15vw,88px);margin:23px 0 22px}.bdm-quote{font-size:18px;max-width:94%;margin-bottom:10px}.bdm-description{font-size:13px;line-height:1.65;max-width:90%;margin-bottom:20px}.bdm-actions{gap:8px}.bdm-actions a{font-size:11px;min-height:44px;padding:13px 15px;gap:10px}.bdm-micro{display:none}.bdm-gallery{inset:auto 0 15px 0;height:395px;opacity:1}.bdm-photo-1{width:210px;height:280px;right:16%;top:12%;--bdm-angle:6deg}.bdm-photo-2{width:125px;height:150px;right:65%;top:5%;--bdm-angle:-12deg}.bdm-photo-3{width:128px;height:157px;right:1%;bottom:5%;--bdm-angle:11deg}.bdm-photo-4{width:118px;height:138px;right:67%;bottom:7%;--bdm-angle:-7deg}.bdm-gallery-stamp{bottom:0;right:19%;font-size:8px}.bdm-orbit-one{height:390px;width:390px;top:auto;bottom:-60px;right:-90px}.bdm-orbit-two{height:280px;width:280px;top:auto;bottom:30px;right:5px}.bdm-scroll-indicator{bottom:12px;left:18px;display:none}.bdm-marquee-track{padding:13px 0;font-size:10px;letter-spacing:.09em}.bdm-marquee-track i{padding:0 11px}.bdm-control{bottom:16px;left:11px;padding:9px 11px;font-size:10px}.bdm-control-label{display:none}body.bd-motion .bd-page-lead,body.bd-motion .bio-intro{padding:26px 23px;border-radius:16px;margin-top:14px}body.bd-motion .bd-page-lead:after,body.bd-motion .bio-intro:after{opacity:.5}}
@media(max-width:370px){.bdm-heading{font-size:59px}.bdm-actions a{padding:12px}.bdm-photo-1{right:10%}.bdm-photo-2{right:65%}}
/* An explicit choice or OS accessibility preference is stronger than animations. */
body.bd-motion.bdm-paused *,body.bd-motion.bdm-paused *::before,body.bd-motion.bdm-paused *::after,
body.bd-motion-disabled *,body.bd-motion-disabled *::before,body.bd-motion-disabled *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
body.bd-motion.bdm-paused .bdm-reveal,body.bd-motion-disabled .bdm-reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body.bd-motion *,body.bd-motion *::before,body.bd-motion *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.bd-motion .bdm-reveal{opacity:1!important;transform:none!important}}