@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Oswald:wght@500;600&display=swap');
:root{color-scheme:dark;--white:#f4f1e9;--amber:#e9a45b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:#000;color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header>a{font-family:Georgia,serif;font-style:italic;font-size:29px}header>a span{font-family:'DM Sans',sans-serif;display:block;font-style:normal;font-size:10px;letter-spacing:.15em;text-align:center;margin-top:3px}header button{background:transparent;color:#aaa;border:1px solid #333;border-radius:30px;padding:10px 17px;font-size:12px;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:8px}.intro{height:100svh;min-height:620px;display:flex;align-items:center;justify-content:center;position:relative}.intro h1{margin:0 0 60px}.intro img{display:block;width:min(41vw,400px);height:auto;filter:invert(1) grayscale(1);mix-blend-mode:screen}.scroll-cue{position:absolute;bottom:7vh;text-align:center;font-size:14px;letter-spacing:.02em;color:#c2beb6}.scroll-cue svg{width:18px;height:48px;display:block;margin:25px auto 0;stroke:var(--white);fill:none;stroke-width:1}.journey{height:450vh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#000;isolation:isolate}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,#7a260c44,transparent 52%);opacity:0}.scene{position:absolute;width:min(65vh,48vw);height:92vh;top:4vh;left:58%;transform:translateX(-50%);transform-origin:50% 50%;will-change:transform}.spit{position:absolute;height:100%;width:100%;object-fit:contain;z-index:3;mix-blend-mode:screen;will-change:transform;filter:brightness(.92)}.burner{position:absolute;right:-2%;top:15%;height:68%;width:23%;transform:perspective(800px) rotateY(-24deg);padding:12px;background:linear-gradient(90deg,#1b1917,#44403c 25%,#0c0908 40%,#29201a);border:2px solid #514337;box-shadow:0 0 80px #e94b0020;z-index:1;display:flex;flex-direction:column;gap:16px}.burner i{display:block;flex:1;background:repeating-linear-gradient(0deg,transparent 0 4px,#260c03b0 4px 6px),repeating-linear-gradient(90deg,#ffad33 0 3px,#d32c08 3px 6px);box-shadow:0 0 19px #f3430c,inset 0 0 18px #f02400;animation:heat 3s ease-in-out infinite alternate}.burner i:nth-child(2){animation-delay:-1s}.knife{position:absolute;width:110%;height:auto;left:-65%;top:18%;z-index:5;transform:rotate(22deg);transform-origin:90% 50%;filter:drop-shadow(0 10px 7px #0008);opacity:0;will-change:transform,top}.tray{position:absolute;bottom:2%;left:0;width:107%;height:4%;border-radius:50%;border-bottom:5px solid #8a8176;background:radial-gradient(ellipse,#332016,#171310 60%,#81766a 64%,#141211 70%);z-index:4;box-shadow:0 12px 25px #000}.scene-copy{position:absolute;left:8%;top:30%;z-index:7;max-width:38%;pointer-events:none}.scene-copy p,.finish-copy p{color:var(--amber);font-size:15px}.scene-copy h2,.finish-copy h2,.outro h2{font-family:'Oswald','Arial Narrow',sans-serif;font-size:clamp(50px,6.7vw,112px);font-weight:500;line-height:1.04;letter-spacing:-.035em;margin:20px 0}.finish-copy{position:absolute;left:8%;top:36%;z-index:8;opacity:0;pointer-events:none}.finish-copy a{display:inline-flex;gap:45px;border-bottom:1px solid #a39b8a;padding:18px 0;font-size:15px}.scene-caption{position:absolute;bottom:40px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;color:#b3a99e;z-index:8}.scene-caption span{color:#7f7872}.progress{position:absolute;bottom:0;height:2px;width:100%;background:#222}.progress span{display:block;height:100%;width:0;background:#c78a50}#smoke{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;opacity:.55}.shavings{position:absolute;inset:0;z-index:6;pointer-events:none}.shaving{position:absolute;width:35px;height:18px;background-image:url('assets/spit.png');background-size:240px 360px;background-position:45% 45%;border-radius:7% 70% 23% 45%;box-shadow:inset -3px -3px 5px #672408;opacity:0}.outro{min-height:80svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 24px}.outro>p:first-child{color:var(--amber);font-size:14px}.outro h2{font-size:clamp(65px,8vw,120px);margin:8px 0 28px}.closing{color:#a9a39b;line-height:1.8;font-size:16px}.restart{margin-top:35px;border-bottom:1px solid #64584b;padding-bottom:14px;font-size:14px}.restart span{margin-left:30px}footer{padding:30px 5%;display:flex;justify-content:space-between;color:#726c65;font-size:12px;border-top:1px solid #24211d}@keyframes heat{to{filter:brightness(.68);box-shadow:0 0 27px #ff6d16}}.paused *{animation-play-state:paused!important}@media(max-width:700px){header{height:76px;padding:0 6%}header>a{font-size:23px}header button{font-size:10px;padding:8px 12px}.intro{min-height:550px}.intro img{width:70vw;max-width:340px}.scroll-cue{font-size:12px;width:90%;bottom:8vh}.scene{width:90vw;height:73svh;top:19svh;left:50%}.scene-copy{left:7%;top:5%;max-width:90%}.scene-copy p{font-size:12px;margin-bottom:10px}.scene-copy h2{font-size:44px;margin-top:0}.scene-copy h2 br{display:none}.finish-copy{left:7%;top:10%;right:7%}.finish-copy h2{font-size:58px}.finish-copy p{font-size:13px}.scene-caption{bottom:25px;font-size:10px}.burner{right:0;width:21%}.knife{width:120%;left:-58%}.journey{height:390vh}.outro{min-height:75svh}.outro h2{font-size:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.burner i{animation:none}}

/* A single pinned stage lets the spit emerge behind the fading logo. */
.journey{height:570svh}.stage{perspective:1100px}.intro{position:absolute;inset:0;height:100%;min-height:0;z-index:12;will-change:opacity,transform;pointer-events:none}.intro a{pointer-events:auto}.scene{transform-style:preserve-3d;opacity:0;width:min(64vh,48vw);height:87vh;top:5vh}.scene-copy,.scene-caption{opacity:0}.gasgrill{position:absolute;width:126%;height:112%;object-fit:fill;left:3%;top:-5%;z-index:0;filter:brightness(.8)}.grill-glow{position:absolute;left:65%;top:10%;width:25%;height:68%;z-index:1;background:radial-gradient(ellipse,#ff541d40,transparent 70%);mix-blend-mode:screen;animation:grillfire 2.5s ease-in-out infinite alternate}.spit{width:100%;height:100%;object-fit:fill;mix-blend-mode:normal;clip-path:polygon(48% 1%,52% 1%,52% 9%,62% 9%,72% 11%,78% 14%,81% 20%,80% 30%,77% 44%,73% 60%,70% 77%,68% 85%,61% 87%,52% 87%,52% 99%,48% 99%,48% 87%,37% 87%,33% 84%,29% 71%,25% 52%,21% 33%,19% 20%,21% 15%,29% 11%,40% 9%,48% 9%);filter:brightness(.96);z-index:3}.knife{width:140%;left:-91%;filter:drop-shadow(0 5px 4px #0009)}@keyframes grillfire{to{opacity:.5;filter:brightness(1.3)}}
@media(max-width:700px){.journey{height:510svh}.scene{width:82vw;height:68svh;top:21svh}.gasgrill{width:123%;left:0}.knife{width:155%;left:-103%}.intro{min-height:0}.scene-copy{top:6%}}
@media(prefers-reduced-motion:reduce){.grill-glow{animation:none}}
.scene{transform-style:flat}
.spit{width:76%;height:80%;left:16%;top:4%;transform-origin:50% 50%}
.spit{top:2%;height:82%}

.spit-volume{clip-path:none!important;filter:none;transform:none!important}.owners{max-width:1440px;margin:0 auto;min-height:85svh;padding:100px 6% 70px;display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:30px}.owners-copy>p:first-child{color:var(--amber);font-size:14px}.owners h2{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:500;font-size:clamp(50px,5vw,80px);line-height:1.08;margin:22px 0 30px;letter-spacing:-.03em}.owners-copy p{font-size:15px;color:#aaa399;line-height:1.7}.owners-copy .owners-names{font-size:22px;color:var(--white);margin-bottom:5px}.owners figure{margin:0}.owners img{width:100%;height:auto;display:block}.owners figcaption{font-size:10px;color:#77716a;text-align:right;margin-top:16px}.owners figcaption a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.owners{grid-template-columns:1fr;padding:80px 7% 40px;gap:30px;min-height:0}.owners h2{font-size:56px}.owners figcaption{text-align:left}.owners figure{margin:0 -4%}}

.journey{height:490svh}.knife{width:108%;left:12%;transform-origin:5% 35%;filter:drop-shadow(0 4px 3px #0009)}.finish-copy{top:28%;width:38%;min-height:260px}.finish-copy .message{position:absolute;top:28px;left:0;margin:20px 0;opacity:0;font-size:clamp(44px,5.5vw,88px);line-height:1.12}.finish-copy .address{font-size:clamp(34px,3.9vw,64px)}.finish-copy .address span{font-size:.72em}.finish-copy>a{margin-top:170px}.yaprak{grid-column:1/-1;text-align:center;padding:70px 20px 30px;border-top:1px solid #33271c;margin-top:40px}.yaprak p{color:var(--amber);font-size:20px;margin:0}.yaprak h3{font-family:'Oswald',sans-serif;font-size:clamp(64px,8vw,112px);font-weight:500;line-height:1.1;margin:12px 0}.yaprak .steak{font-size:23px;color:#d4c9b8}@media(max-width:700px){.journey{height:450svh}.knife{width:98%;left:4%}.finish-copy{top:3%;left:7%;width:86%;min-height:140px}.finish-copy .message{font-size:42px;top:4px;margin:10px 0}.finish-copy .address{font-size:34px}.finish-copy .finish-label{display:none}.finish-copy>a{margin-top:100px;font-size:12px;padding:8px 0}.yaprak{padding:45px 10px 15px;margin-top:20px}.yaprak p{font-size:17px}}

@media(min-width:701px){.scene-copy{top:28%;left:8%}.scene-copy h2{font-size:clamp(44px,5.5vw,88px)}}

/* Smoke rises between the burners and the meat. */
#smoke{z-index:2;opacity:1;mix-blend-mode:screen}.grill-glow{left:48%;top:5%;width:60%;height:85%;background:radial-gradient(ellipse,#ff481b88 0%,#fa310d33 42%,transparent 72%);filter:blur(12px);animation:hot-glow 2s ease-in-out infinite alternate}.gasgrill{filter:brightness(.95)}.heat-shimmer{position:absolute;left:62%;top:9%;width:29%;height:70%;z-index:1;background:repeating-linear-gradient(172deg,transparent 0 20px,#ffbf7a20 27px,transparent 36px);filter:blur(7px);mix-blend-mode:screen;animation:haze 2.2s linear infinite;pointer-events:none}@keyframes haze{from{transform:translateY(18px) skewX(-3deg)}to{transform:translateY(-18px) skewX(3deg)}}@keyframes hot-glow{to{opacity:.65;filter:blur(18px) brightness(1.4)}}
.chefs-wave{display:block;width:100%;height:auto;overflow:visible}.yaprak-view{--length:min(82vw,900px);position:relative;width:var(--length);height:calc(var(--length)*.44);margin:45px auto 0;max-width:100%;background:radial-gradient(ellipse,#69301530,transparent 65%)}.yaprak-axis{position:absolute;left:50%;top:50%;width:calc(var(--length)*.53);height:var(--length);transform:translate(-50%,-50%) rotate(90deg)}.yaprak-source{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.yaprak-axis img{clip-path:polygon(48% 0,52% 0,52% 9%,76% 12%,81% 20%,68% 86%,52% 88%,52% 100%,48% 100%,48% 88%,34% 86%,19% 20%,24% 12%,48% 9%)}
@media(prefers-reduced-motion:reduce){.heat-shimmer,.grill-glow{animation:none}}

/* The menu keeps the warm, black Bosporus identity and stays readable on phones. */
.clothing-logo{filter:invert(1) grayscale(1);mix-blend-mode:screen;opacity:.92}.yaprak .saturday{font-size:24px;color:var(--white)}.yaprak .saturday strong{display:block;font-family:'Oswald',sans-serif;font-size:clamp(76px,10vw,140px);font-weight:500;line-height:1.14;margin:8px 0 22px}.yaprak h3{font-size:clamp(48px,6vw,82px);color:var(--amber)}
.menu{max-width:1180px;margin:0 auto;padding:70px 6% 40px}.menu-heading{margin-bottom:45px}.menu-heading>p{color:var(--amber);font-size:15px}.menu-heading h2{font-family:'Oswald',sans-serif;font-size:clamp(44px,6vw,80px);font-weight:500;line-height:1.1;margin:12px 0 22px}.menu-heading>span{font-size:13px;color:#a9a39b}.menu-category{border-top:1px solid #403528}.menu-category:last-child{border-bottom:1px solid #403528}.menu-category summary{cursor:pointer;list-style:none;font-family:'Oswald',sans-serif;font-size:clamp(28px,3vw,40px);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-category summary::-webkit-details-marker{display:none}.menu-category summary span{font-family:'DM Sans',sans-serif;font-size:26px;color:var(--amber);transition:transform .2s}.menu-category[open] summary span{transform:rotate(45deg)}.menu-category summary:focus-visible,.original-menu summary:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.menu-category ul{padding:0 0 30px;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.menu-category li{padding:17px 0;display:flex;align-items:start;justify-content:space-between;gap:18px;border-bottom:1px solid #211d18}.menu-category h3{font:500 17px 'DM Sans',sans-serif;margin:0;line-height:1.5}.menu-category li p{font-size:13px;color:#a9a39b;margin:4px 0 0;line-height:1.5}.price{white-space:nowrap;font-size:16px;line-height:1.6;color:var(--amber);font-variant-numeric:tabular-nums}.menu-extras{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:45px}.menu-extras h3{font-family:'Oswald',sans-serif;font-weight:500;font-size:28px;margin:0 0 15px}.menu-extras p{color:#b9b0a4;font-size:14px;line-height:1.8}.menu-extras strong{color:var(--white);font-weight:500;white-space:nowrap}.original-menu{margin-top:35px;color:#a9a39b;font-size:13px}.original-menu summary{cursor:pointer;padding:15px 0}.original-menu>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.original-menu img{display:block;width:100%;height:auto}.outro-logo{width:clamp(150px,20vw,240px);height:auto;filter:invert(1) grayscale(1);mix-blend-mode:screen;margin-bottom:35px}.outro{padding-bottom:60px}.box-finale{max-width:1400px;margin:0 auto;padding:0 4% 0}.box-finale img{width:100%;height:auto;display:block}.box-finale{overflow:hidden}
@media(max-width:700px){.menu{padding:40px 7% 30px}.menu-category ul{grid-template-columns:1fr}.menu-category summary{padding:21px 0}.menu-category h3{font-size:16px}.menu-extras{grid-template-columns:1fr;gap:20px}.original-menu>div{grid-template-columns:1fr}.outro{padding-top:70px;min-height:0}.box-finale{padding:0 2% 10px}.yaprak .saturday{font-size:21px}}

/* Boxes emerge from the bottom edge; their bases extend beyond the page. */
.box-finale{max-width:none;width:100%;padding:0;margin:0;aspect-ratio:3.2;overflow:hidden;position:relative}.box-finale img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;margin:0}

.yaprak-section{max-width:1440px;margin:auto;padding:35px 6% 0}.yaprak-section .yaprak{border-top:0;margin-top:0}.owners{border-top:1px solid #33271c;margin-top:65px}.instagram-follow{text-align:center;padding:0 24px 70px}.instagram-follow p{font-family:'Oswald',sans-serif;font-size:clamp(28px,4vw,44px);margin:0 0 20px}.instagram-follow a{display:inline-flex;align-items:center;gap:12px;font-size:20px;color:var(--amber);padding:8px 0}.instagram-follow svg{width:28px;height:28px}.instagram-follow a:hover{color:var(--white)}.box-finale img{will-change:transform,opacity}@media(max-width:700px){.yaprak-section{padding:35px 7% 0}.instagram-follow{padding-bottom:50px}.owners{margin-top:40px}}