html.is-route-transitioning,html.is-route-transitioning body{overflow-y:hidden!important;overscroll-behavior:none}
/* Kaydırma davranışı korunur; sayfa geçişinde genişliği değişen görünür çubuk kapatılır. */
html,body{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
.site-route-curtain{
  position:fixed;
  z-index:9999;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,rgba(10,28,23,.72),rgba(37,51,42,.54)),radial-gradient(circle at 68% 36%,rgba(105,137,113,.25),transparent 52%);
  transition:opacity .82s cubic-bezier(.4,0,.2,1);
}
.site-route-curtain.is-closing{opacity:1}
.site-route-curtain.is-arriving{opacity:1;animation:site-route-arrival 1.08s cubic-bezier(.4,0,.2,1) forwards}
@keyframes site-route-arrival{to{opacity:0}}
.route-ribbon{
  position:fixed;
  z-index:10001;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
}
.route-ribbon:before,.route-ribbon:after{content:'';position:absolute;left:-25vw;width:150vw;top:42vh;transform-origin:center;rotate:-10deg;will-change:transform}
.route-ribbon:before{height:16vh;background:linear-gradient(90deg,#b93a18 0%,#ee6a25 34%,#f4d68c 61%,#5d936b 100%);box-shadow:0 0 52px rgba(244,146,51,.42);transform:scaleY(.018)}
.route-ribbon:after{height:3px;background:linear-gradient(90deg,transparent 0%,#fff8db 22%,#fff 50%,#fff8db 78%,transparent 100%);box-shadow:0 0 20px rgba(255,229,163,.96);filter:drop-shadow(0 0 7px rgba(255,255,255,.75));transform:scaleX(.04)}
.route-ribbon.is-exiting{opacity:1}
.route-ribbon.is-exiting:before{animation:route-ribbon-close .98s cubic-bezier(.65,0,.25,1) forwards}
.route-ribbon.is-exiting:after{animation:route-ribbon-line .46s cubic-bezier(.2,.8,.2,1) forwards}
.route-ribbon.is-entering{opacity:1;animation:route-ribbon-hide .01s linear 1.08s forwards}
.route-ribbon.is-entering:before{transform:scaleY(14);animation:route-ribbon-open 1.08s cubic-bezier(.65,0,.25,1) forwards}
.route-ribbon.is-entering:after{transform:scaleX(1);animation:route-ribbon-open-line 1.08s cubic-bezier(.65,0,.25,1) forwards}
.route-ribbon-brand,.route-ribbon-quote{position:absolute;z-index:2;opacity:0}
.route-ribbon-brand{top:clamp(58px,12vh,138px);left:clamp(56px,14vw,240px);color:#fffaf0;text-shadow:0 2px 18px rgba(60,25,8,.28);font:italic 500 clamp(2.75rem,5.3vw,5.6rem)/.76 'Segoe Script','Brush Script MT',cursive;letter-spacing:-.1em}
.route-ribbon-brand small{display:block;margin:9px 0 0 18px;font:700 clamp(.48rem,.76vw,.7rem)/1 Arial,sans-serif;letter-spacing:.34em}
.route-ribbon-quote{right:clamp(56px,14vw,240px);bottom:clamp(52px,11vh,124px);width:min(29rem,42vw);color:#101814;font:800 clamp(.82rem,1.18vw,1.12rem)/1.42 Arial,sans-serif;letter-spacing:-.025em;text-align:center}
.route-ribbon.is-exiting .route-ribbon-brand,.route-ribbon.is-exiting .route-ribbon-quote{animation:ribbon-copy-in .55s ease .32s both}
.route-ribbon.is-entering .route-ribbon-brand,.route-ribbon.is-entering .route-ribbon-quote{animation:ribbon-copy-out 1.02s ease both}
@keyframes ribbon-copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes ribbon-copy-out{0%,35%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -14px}}
.site-sound-control{position:fixed;z-index:10002;right:18px!important;bottom:18px!important;top:auto!important;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;padding:6px 9px 6px 6px;border:1px solid rgba(247,243,233,.45)!important;border-radius:999px!important;background:rgba(10,22,17,.78);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.22);color:#f7f3eb;font:700 7px/1 Arial,sans-serif;letter-spacing:.09em}
.site-sound-control button{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:1;box-shadow:none;cursor:pointer;transform:none}
.site-sound-control .sound-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ef6a2f;color:#fff;font-size:11px;letter-spacing:0}
.site-sound-control .sound-label{writing-mode:horizontal-tb!important;text-orientation:mixed}
.site-sound-control input,.site-sound-control.is-playing input{width:56px!important;height:16px!important;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;opacity:1!important;accent-color:#ef6a2f;writing-mode:horizontal-tb!important;direction:ltr!important;transition:none!important}
.site-sound-control:not(.is-playing){animation:sound-invite 2.8s ease-in-out infinite}
@keyframes sound-invite{0%,100%{translate:0 0;box-shadow:0 10px 28px rgba(0,0,0,.16)}50%{translate:0 -4px;box-shadow:0 14px 34px rgba(239,106,47,.25)}}
@keyframes route-ribbon-line{to{transform:scaleX(1)}}
@keyframes route-ribbon-close{0%{transform:translateX(-7vw) scaleY(.018)}30%{transform:translateX(0) scaleY(.045)}72%,100%{transform:translateX(0) scaleY(14)}}
@keyframes route-ribbon-open{0%,38%{transform:translateY(0) scaleY(14)}100%{transform:translateY(115vh) scaleY(.018)}}
@keyframes route-ribbon-open-line{0%,38%{transform:translateY(0) scaleX(1)}100%{transform:translateY(115vh) scaleX(.04)}}
@keyframes route-ribbon-hide{to{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .site-route-curtain{transition:none}
  .site-route-curtain.is-arriving{animation-duration:.01ms}
  .route-ribbon:before,.route-ribbon:after{animation-duration:.01ms!important}
  .route-ribbon-brand,.route-ribbon-quote{animation-duration:.01ms!important}
  .site-sound-control{animation:none}
}

/* Sosyal alanında fotoğraf üstündeki yönlendirmeler için ince okunurluk katmanı. */
.page .paths{
  padding-inline:18px;
  background:linear-gradient(90deg,rgba(244,241,229,.33),rgba(244,241,229,.12));
  backdrop-filter:blur(5px) brightness(1.12);
  box-shadow:0 14px 38px rgba(8,24,18,.13);
}
.page .paths .path h2{
  color:#10251b;
  text-shadow:0 1px 0 rgba(255,255,255,.62),0 3px 15px rgba(232,237,224,.34);
}
.page .paths .path p{color:rgba(12,31,23,.94);text-shadow:0 1px 0 rgba(255,255,255,.42)}
.page .paths .path .number,.page .paths .path:last-child .number{color:#2f6f4c;text-shadow:0 1px 0 rgba(255,255,255,.66),0 0 10px rgba(239,247,230,.7)}
.page .paths .path .mark,.page .paths .path:last-child .mark{color:#e65c2a;text-shadow:0 1px 0 rgba(255,244,226,.72)}
@media(max-width:760px){.page .paths{padding-inline:11px}}

/* Koyu ekranlardaki yerel açılır listeler tarayıcı varsayılanı ile beyaza dönmesin. */
select{
  color-scheme:dark;
  background-color:#082632!important;
  color:#f3ffff!important;
  border-color:rgba(145,231,229,.44)!important;
}
select option{
  background:#092b39!important;
  color:#f3ffff!important;
}
select option:checked,
select option:hover{
  background:#176b7e!important;
  color:#ffffff!important;
}
select:focus{outline:2px solid rgba(120,240,223,.72);outline-offset:2px}