/* A contained, cinematic carousel keeps desktop and mobile media in one frame. */
.hero-shell{padding:18px 24px 34px;background:#fffaf3}
.hero-shell .hero{width:min(100%,1450px);height:auto;aspect-ratio:2/1;min-height:0;margin-inline:auto;overflow:hidden;border:1px solid #ebd7bf;border-radius:18px;background:#3b261d;box-shadow:0 24px 58px #50342016}
.hero-shell .hero-slide.media-only .hero-media{background:#3b261d}
.hero-shell .hero-slide.media-only .hero-media video{object-fit:cover;object-position:center}
.hero-shell .hero-slide.media-only .hero-media img{object-fit:cover;object-position:center}
.hero-shell .hero-navigation{bottom:19px}
.hero-sound{position:absolute;z-index:6;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid #ffffff9c;border-radius:99px;background:#2d201ccc;color:#fff;font-size:12px;font-weight:800;box-shadow:0 9px 22px #1f130d3b;backdrop-filter:blur(12px);transition:background .2s,transform .2s}
.hero-sound[hidden]{display:none}
.hero-silent{position:absolute;z-index:6;right:22px;bottom:22px;padding:10px 13px;border:1px solid #f9ddba9c;border-radius:14px;background:#2d201ccc;color:#fff7e9;font-size:12px;font-weight:700;backdrop-filter:blur(12px)}
.hero-silent[hidden]{display:none}
.hero-sound:hover{background:#493024;transform:translateY(-2px)}
.hero-sound:focus-visible{outline:3px solid #f5b66d;outline-offset:3px}
.hero-sound-icon{display:block;width:18px;height:18px;background:currentColor;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 9v6h4l5 4V5L7 9H3zm12.5 3a4.5 4.5 0 0 0-1.5-3.36v6.72A4.5 4.5 0 0 0 15.5 12zm-1.5-8v2.06a7 7 0 0 1 0 11.88V20a9 9 0 0 0 0-16z"/%3E%3C/svg%3E') center/contain no-repeat}
.hero-sound:not(.is-on) .hero-sound-icon{opacity:.55}
.hero-sound:not(.is-on) .hero-sound-icon::after{content:''}
.pufy-footer .footer-invite{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:310px;border:1px solid #dec5a8;border-radius:20px;background:#f6eee3;box-shadow:0 18px 40px #1d100c26}
.pufy-footer .footer-invite-copy{position:relative;justify-content:center;padding:40px 46px}
.pufy-footer .footer-invite-copy::before{display:none}
.pufy-footer .footer-invite .footer-eyebrow{width:100%;margin-bottom:19px;padding-bottom:14px;border-bottom:1px solid #c8b7a4}
.pufy-footer .footer-invite h2{max-width:580px;margin:5px 0 12px;font-size:clamp(34px,3.35vw,48px);line-height:1.12;letter-spacing:-.05em}
.pufy-footer .footer-invite p{max-width:500px;font-size:14px;line-height:1.65}
.pufy-footer .footer-invite-actions{margin-top:25px}
.pufy-footer .footer-invite-visual{min-height:310px;background:#d7bca0}
.pufy-footer .footer-invite-visual::after{background:linear-gradient(90deg,#f6eee3 0,transparent 14%),linear-gradient(0deg,#28191255,transparent 35%)}
.pufy-footer .footer-invite-badge{border-radius:99px}
@media(max-width:900px){.hero-shell .hero{aspect-ratio:16/10}.hero-sound{right:16px;bottom:16px}.hero-shell .hero-navigation{bottom:16px;left:17px;transform:none}.pufy-footer .footer-invite-copy{padding:30px}}
@media(max-width:690px){.hero-shell{padding:12px 12px 22px}.hero-shell .hero{aspect-ratio:4/5;border-radius:15px}.hero-shell .hero-slide.media-only .hero-media video,.hero-shell .hero-slide.media-only .hero-media img{object-fit:cover;object-position:center}.hero-sound{right:13px;top:13px;bottom:auto;min-height:38px;padding:7px 10px;font-size:11px}.hero-shell .hero-navigation{left:50%;bottom:13px;transform:translateX(-50%)}.pufy-footer .footer-invite{display:grid;grid-template-columns:1fr;min-height:0}.pufy-footer .footer-invite-copy{padding:27px 24px 31px}.pufy-footer .footer-invite-visual{position:relative;inset:auto;width:100%;height:190px;min-height:0;opacity:1}.pufy-footer .footer-invite-visual::after{background:linear-gradient(0deg,#28191266,transparent 54%)}.pufy-footer .footer-invite h2{font-size:clamp(31px,8vw,40px)}}
@media(max-width:690px){.hero-silent{right:13px;top:13px;bottom:auto;font-size:11px}}
@media(max-width:420px){.hero-shell{padding-inline:9px}.hero-shell .hero{aspect-ratio:3/4}.hero-shell .hero-navigation{max-width:calc(100% - 20px)}.hero-sound span[data-hero-sound-label]{display:none}.hero-sound{width:40px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hero-sound{transition:none}.hero-sound:hover{transform:none}}

/* Slider controls: a compact cocoa dock with clear, tactile navigation. */
.hero-shell .hero-navigation{bottom:24px;gap:13px;min-height:62px;padding:7px 7px 7px 19px;border:1px solid #fff4dd73;border-radius:20px;background:linear-gradient(120deg,#2b1b17ed,#493026e8);color:#fff8ed;box-shadow:0 18px 45px #1a0e0a70,inset 0 1px 0 #fff8eb2e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero-shell .hero-counter{gap:9px;min-width:60px;color:#fff6e7;font-size:12px;font-weight:800;letter-spacing:.08em}
.hero-shell .hero-counter strong{color:#f7bd72;font-size:18px;font-weight:900;letter-spacing:-.035em}
.hero-shell .hero-counter span{color:#dac5ae;font-size:12px}
.hero-shell .hero-counter i{height:17px;background:#c9a5849e;transform:rotate(18deg)}
.hero-shell .hero-controls{gap:1px}
.hero-shell .hero-controls button,.hero-shell .hero-controls button.active{width:20px;height:44px;border-radius:9px;background:transparent}
.hero-shell .hero-controls button.active{width:33px}
.hero-shell .hero-controls button::before{left:3px;right:3px;height:3px;background:#e5d0b574;transition:height .2s ease,background .2s ease,box-shadow .2s ease}
.hero-shell .hero-controls button.active::before{height:4px;background:#f5b45f;box-shadow:0 0 9px #ffcb7b6e}
.hero-shell .hero-controls button:hover::before{background:#ffe0a9}
.hero-shell .hero-nav-divider{height:27px;background:#ecd1ad54}
.hero-shell .hero-nav-arrows{gap:6px}
.hero-shell .hero-arrow{width:46px;height:46px;border:1px solid #fae8ce69;border-radius:14px;background:#ffffff12;color:#fff7eb;box-shadow:inset 0 1px 0 #fff6e623;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-shell .hero-arrow svg{width:22px;height:22px;stroke-width:1.7;transition:transform .2s ease}
.hero-shell .hero-arrow[data-hero-next]{border-color:#ffd39b;background:linear-gradient(145deg,#ffe0aa,#efa751);color:#38231a;box-shadow:0 6px 16px #12090538,inset 0 1px 0 #fff9e6a8}
.hero-shell .hero-arrow:hover{transform:translateY(-2px);border-color:#ffdbac;background:#ffffff2d;box-shadow:0 8px 18px #10080450}
.hero-shell .hero-arrow[data-hero-next]:hover{background:linear-gradient(145deg,#fff0d0,#f7ba6d);color:#38231a}
.hero-shell .hero-arrow[data-hero-prev]:hover svg{transform:translateX(-2px)}
.hero-shell .hero-arrow[data-hero-next]:hover svg{transform:translateX(2px)}
.hero-shell .hero-arrow:active{transform:translateY(0) scale(.96)}
.hero-shell .hero-arrow:focus-visible,.hero-shell .hero-controls button:focus-visible{outline:3px solid #ffd590;outline-offset:3px}
.hero-shell .hero-sound{border-color:#f9ddba9c;border-radius:14px;background:linear-gradient(120deg,#2b1b17e8,#493026df);color:#fff7e9;box-shadow:0 10px 28px #1a0e0a65,inset 0 1px 0 #fff8eb2e}
.hero-shell .hero-sound:hover{background:linear-gradient(120deg,#43291fde,#684331e8)}
.hero-shell .hero-sound-icon{color:#f4bb74}
.hero-shell .hero-sound:not(.is-on) .hero-sound-icon{opacity:1;mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 9v6h4l5 4V5L7 9H3zm12.3.9 1.4-1.4 2.1 2.1 2.1-2.1 1.4 1.4-2.1 2.1 2.1 2.1-1.4 1.4-2.1-2.1-2.1 2.1-1.4-1.4 2.1-2.1z"/%3E%3C/svg%3E')}
@media(max-width:900px){.hero-shell .hero-navigation{bottom:16px;left:50%;transform:translateX(-50%)}}
@media(max-width:690px){.hero-shell .hero-navigation{bottom:14px;gap:8px;min-height:54px;max-width:calc(100% - 18px);padding:5px 5px 5px 13px;border-radius:17px}.hero-shell .hero-counter{gap:6px;min-width:49px;font-size:10px}.hero-shell .hero-counter strong{font-size:15px}.hero-shell .hero-counter span{font-size:10px}.hero-shell .hero-counter i{height:14px}.hero-shell .hero-controls button,.hero-shell .hero-controls button.active{width:16px;height:42px}.hero-shell .hero-controls button.active{width:26px}.hero-shell .hero-nav-divider{height:22px}.hero-shell .hero-nav-arrows{gap:4px}.hero-shell .hero-arrow{width:42px;height:42px;border-radius:12px}.hero-shell .hero-arrow svg{width:20px;height:20px}}
@media(max-width:360px){.hero-shell .hero-navigation{gap:5px}.hero-shell .hero-controls button,.hero-shell .hero-controls button.active{width:13px}.hero-shell .hero-controls button.active{width:21px}.hero-shell .hero-arrow{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.hero-shell .hero-arrow,.hero-shell .hero-arrow svg,.hero-shell .hero-controls button::before{transition:none}.hero-shell .hero-arrow:hover{transform:none}.hero-shell .hero-arrow[data-hero-prev]:hover svg,.hero-shell .hero-arrow[data-hero-next]:hover svg{transform:none}}

/* One readable announcement at a time, with a quiet editorial rhythm. */
.announcement{display:block;height:56px;min-height:56px;background:linear-gradient(105deg,#37231d 0%,#503126 51%,#35221d 100%);color:#fff9ef;box-shadow:inset 0 1px 0 #e2ae7250,inset 0 -1px 0 #a872475e;animation:none}
.announcement[hidden]{display:none}
.announcement::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -180%,#f9c98e38,transparent 68%);pointer-events:none}
.announcement::after{display:none}
.announcement-inner{position:relative;z-index:1;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;width:min(1420px,calc(100% - 64px));height:100%;margin:auto}
.announcement-signature{justify-self:start;color:#e6b278;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.announcement-stage{position:relative;height:100%;min-width:0;text-align:center}
.announcement-stage::before,.announcement-stage::after{content:"";position:absolute;top:50%;width:24px;height:1px;background:#d2a46b88;transform:translateY(-50%)}
.announcement-stage::before{left:0}.announcement-stage::after{right:0}
.announcement .announcement-item{position:absolute;inset:0 35px;display:flex;align-items:center;justify-content:center;min-width:0;opacity:0;visibility:hidden;transform:translateY(6px);color:#fff9ef;font-size:15px;font-weight:800;letter-spacing:.015em;line-height:1.3;text-decoration:none;text-shadow:0 1px 12px #160d0a55;transition:opacity .42s ease,transform .42s ease,visibility .42s}
.announcement .announcement-item.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.announcement .announcement-item[href]:hover .announcement-copy{text-decoration:underline;text-decoration-color:#efb970;text-underline-offset:5px}
.announcement .announcement-item:focus-visible{outline:2px solid #f4bc75;outline-offset:-7px;border-radius:5px}
.announcement .announcement-copy{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}
.announcement-index{display:flex;align-items:center;justify-self:end;gap:10px;color:#bc987d;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.announcement-index strong{color:#f5c48b;font-size:13px;font-weight:900}
.announcement-index-rule{width:31px;height:1px;background:#a77e5e}
.announcement-progress{position:absolute;z-index:2;right:0;bottom:0;left:0;height:2px;background:#e1ae7652}
.announcement-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#e4a354,#ffe0ab,#e4a354);transform-origin:left;animation:announcement-fill var(--announcement-item-duration,10s) linear both}
.announcement.is-paused .announcement-progress span{animation-play-state:paused}
@keyframes announcement-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:820px){.announcement-inner{grid-template-columns:112px minmax(0,1fr) 70px;width:calc(100% - 32px)}.announcement-signature{font-size:9px;letter-spacing:.1em}.announcement .announcement-item{font-size:13px}.announcement-stage::before,.announcement-stage::after{width:12px}.announcement-index{gap:5px}.announcement-index-rule{width:14px}}
@media(max-width:570px){.announcement{height:62px;min-height:62px}.announcement-inner{display:flex;justify-content:center;width:calc(100% - 32px)}.announcement-signature{display:none}.announcement-stage{width:100%;height:100%}.announcement-stage::before,.announcement-stage::after{display:none}.announcement .announcement-item{inset:0 24px;font-size:13.5px;font-weight:800}.announcement .announcement-copy{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.announcement-index{position:absolute;right:0;bottom:4px;gap:3px;font-size:9px;opacity:.8}.announcement-index strong{font-size:10px}.announcement-index-rule{width:7px}}
@media(prefers-reduced-motion:reduce){.announcement .announcement-item{transition:none;transform:none}.announcement-progress{display:none}}

/* Pufy duyuruları: canlı kırmızı yüzey, tek odak ve yatay mesaj geçişi. */
.announcement{position:relative;display:block;height:58px;min-height:58px;overflow:hidden;isolation:isolate;background:#b7232a;color:#fff;box-shadow:inset 0 -2px 0 #7f172365}
.announcement::before{content:"";position:absolute;inset:-55% -15%;background:radial-gradient(ellipse at 26% 42%,#f2644d99,transparent 38%),radial-gradient(ellipse at 80% 55%,#ec4d5899,transparent 35%),linear-gradient(110deg,#9e1928,#c82b2d 50%,#a81b2b);pointer-events:none;animation:announcement-ambient 14s ease-in-out infinite alternate}
.announcement::after{content:"";position:absolute;display:block;inset:0;width:40%;background:linear-gradient(100deg,transparent,#fff2 50%,transparent);pointer-events:none;transform:translate3d(-160%,0,0) skewX(-18deg);animation:announcement-sheen 9s ease-in-out infinite}
.announcement-inner{position:relative;z-index:1;display:block;width:min(1450px,calc(100% - 48px));height:100%;margin-inline:auto}
.announcement-stage{position:relative;width:100%;height:100%;text-align:center}
.announcement-stage::before,.announcement-stage::after{display:none}
.announcement .announcement-item{position:absolute;inset:0 18px;display:flex;align-items:center;justify-content:center;min-width:0;visibility:hidden;opacity:0;transform:translate3d(28px,0,0);color:#fff;font-size:16px;font-weight:800;letter-spacing:.015em;line-height:1.32;text-shadow:0 2px 13px #7b132955;transition:opacity .46s ease,transform .46s cubic-bezier(.2,.75,.25,1),visibility .46s}
.announcement .announcement-item.is-active{visibility:visible;opacity:1;transform:translate3d(0,0,0)}
.announcement .announcement-item.is-leaving{visibility:visible;opacity:0;transform:translate3d(-28px,0,0)}
.announcement .announcement-copy{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}
.announcement .announcement-item[href]:hover .announcement-copy{text-decoration:underline;text-decoration-color:#fff;text-underline-offset:5px}
.announcement .announcement-item:focus-visible{outline:2px solid #fff;outline-offset:-7px;border-radius:6px}
.announcement-progress{position:absolute;z-index:2;right:0;bottom:0;left:0;height:3px;background:#72132555}
.announcement-progress span{background:linear-gradient(90deg,#ffe6df,#fff,#ffddd3)}
@keyframes announcement-ambient{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,0,0)}}
@keyframes announcement-sheen{0%,68%,100%{transform:translate3d(-160%,0,0) skewX(-18deg)}82%{transform:translate3d(360%,0,0) skewX(-18deg)}}
@media(max-width:820px){.announcement{height:54px;min-height:54px}.announcement-inner{width:calc(100% - 24px)}.announcement .announcement-item{inset:0 10px;font-size:14px}}
@media(max-width:570px){.announcement{height:62px;min-height:62px}.announcement-stage{width:100%}.announcement .announcement-item{inset:0 14px;font-size:13.5px}.announcement .announcement-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}}
@media(prefers-reduced-motion:reduce){.announcement::before,.announcement::after{animation:none}.announcement::after{display:none}.announcement .announcement-item,.announcement .announcement-item.is-active,.announcement .announcement-item.is-leaving{transition:none;transform:none}.announcement-progress{display:none}}

/* Keep the floating decorations on transform and opacity compositing only. */
.page-fall .fall{filter:none}