.tsitsko-header{position:fixed;z-index:1000;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:40px;max-width:calc(100vw - 32px);padding:7px 9px;border:1px solid #dadada;border-radius:30px;background:rgba(255,255,255,.96);font:300 16px/1.5 Inter,Arial,sans-serif;color:#303030;box-sizing:border-box}
.tsitsko-header-row{display:flex;align-items:center;gap:10px}.tsitsko-avatar,.tsitsko-avatar img{display:block;width:40px;height:40px;border-radius:50%}.tsitsko-header nav{display:flex;align-items:center;gap:20px}.tsitsko-header a{color:inherit;text-decoration:none;white-space:nowrap}.tsitsko-header a:hover{color:#5e67e6}.tsitsko-header .tsitsko-book{padding:8px 28px;border-radius:99px;background:#303030;color:#fff;margin-left:20px}.tsitsko-menu-toggle,.tsitsko-availability{display:none!important}.tsitsko-header button:focus-visible,.tsitsko-header a:focus-visible,.tsitsko-booking a:focus-visible{outline:3px solid #5e67e6;outline-offset:4px}
.tsitsko-booking{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tsitsko-booking a{font:400 18px/1.4 Inter,Arial,sans-serif;padding:18px 26px;border-radius:99px;background:#5e67e6;color:white;text-decoration:none;max-width:100%;text-align:center;box-sizing:border-box}
.tsitsko-faq{border-bottom:1px solid #dadada;width:100%;color:#303030}.tsitsko-faq summary{font:700 24px/1.3 Antonio,Arial,sans-serif;text-transform:uppercase;padding:20px 35px 20px 0;cursor:pointer;position:relative;list-style:none}.tsitsko-faq summary::-webkit-details-marker{display:none}.tsitsko-faq summary:after{content:'+';position:absolute;right:4px;top:18px;font:300 28px Inter,Arial,sans-serif}.tsitsko-faq[open] summary:after{content:'−'}.tsitsko-faq p{font:300 16px/1.6 Inter,Arial,sans-serif;margin:0;padding:4px 0 24px}.tsitsko-social{display:block;font:600 21px/1.2 Arial,sans-serif;text-align:center;min-width:24px}.tsitsko-header~#main nav{display:none!important}
@media(max-width:809px){.tsitsko-header{width:300px;display:block;padding:7px 9px;max-width:calc(100vw - 32px)}.tsitsko-header-row{justify-content:space-between}.tsitsko-menu-toggle{display:block!important;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#5e67e6;color:white;font:400 22px/1 Inter,Arial,sans-serif;cursor:pointer}.tsitsko-availability{display:block!important;font-size:15px}.tsitsko-availability span{font-size:9px;color:#65c983;margin-left:5px}.tsitsko-header nav{display:none}.tsitsko-header[data-open] nav{display:flex;flex-direction:column;align-items:center;gap:32px;padding:30px 0 10px}.tsitsko-header[data-open] .tsitsko-availability{visibility:hidden}.tsitsko-header .tsitsko-book{margin-left:0;background:#5e67e6}.tsitsko-faq summary{font-size:22px}.tsitsko-faq p{font-size:15px}}
@media(max-width:350px){.tsitsko-availability{font-size:14px}.tsitsko-avatar,.tsitsko-avatar img{width:32px;height:32px}.tsitsko-header-row{gap:5px}}
@media(prefers-reduced-motion:no-preference){.tsitsko-header a{transition:color .15s}}

html[data-tsitsko-page="interior"] #main{padding-top:90px}html[data-tsitsko-static] [id]{scroll-margin-top:100px}.tsitsko-social{color:#303030}
/* Restore interaction motion without a rendering runtime. */
[data-framer-name="Avatar Card Flip"]{transform-style:preserve-3d;cursor:pointer;transform:perspective(2000px) rotateY(var(--portrait-scroll-angle,0deg))!important;transition:transform .08s linear}
[data-framer-name="Avatar Card Flip"].tsitsko-flipped{transform:perspective(2000px) rotateY(calc(var(--portrait-scroll-angle,0deg) + 180deg))!important}
[data-framer-name="Avatar Card / Front"],[data-framer-name="Avatar Card / Back"]{backface-visibility:hidden;-webkit-backface-visibility:hidden}
[data-framer-name="Avatar Card / Back"] img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
[data-framer-name="Avatar Card Flip"]:focus-visible{outline:3px solid #5e67e6;outline-offset:8px}
@media(prefers-reduced-motion:no-preference){
.tsitsko-header[data-open] nav{animation:tsitsko-menu-enter .2s ease-out}
.tsitsko-menu-toggle,.tsitsko-booking a{transition:transform .2s ease-out}
.tsitsko-menu-toggle:active,.tsitsko-booking a:active{transform:scale(.96)}
.tsitsko-faq[open] p{animation:tsitsko-answer-enter .22s ease-out}
@keyframes tsitsko-menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes tsitsko-answer-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
[data-framer-name="Project Item"] [data-framer-name="Project Cover"]{transition:transform .35s cubic-bezier(.16,1,.3,1)}
[data-framer-name="Project Item"]:hover [data-framer-name="Project Cover"]{transform:scale(1.035)}
.tsitsko-booking a:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){[data-framer-name="Avatar Card Flip"]{transition:none}}
/* The captured hero content sits above the sticky portrait. Its transparent
   containers must let pointer events reach the card underneath. */
html[data-tsitsko-static] [data-framer-name="Content"]{pointer-events:none}
html[data-tsitsko-static] [data-framer-name="Content"] > *{pointer-events:auto}
html[data-tsitsko-static] #hero{pointer-events:none}
html[data-tsitsko-static] #hero h1{pointer-events:auto}
/* Keep the sticky portrait above the scrolling text, below site navigation. */
html[data-tsitsko-static] [data-framer-name="Sticky Wrap"]{z-index:2!important;pointer-events:none}
html[data-tsitsko-static] [data-framer-name="Sticky Container"]{pointer-events:none}
html[data-tsitsko-static] [data-framer-name="Sticky Container"] [data-framer-name="Avatar Wrap"]{pointer-events:auto}
