*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9ecdc;color:#151a11;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer}.top{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 3%;background:#fff1e4}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:78px;height:60px;object-fit:contain}.brand strong{display:block;font-size:clamp(24px,3vw,43px);letter-spacing:-2px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1px;font-weight:bold;margin-top:5px}.top nav{display:flex;gap:clamp(12px,1.8vw,29px);align-items:center;font-weight:700;font-size:14px}.top nav a{white-space:nowrap}.top nav a:hover,.top nav .active{border-bottom:3px solid #e66b11;padding-bottom:7px}.location{background:#fce0c6;border-radius:30px;padding:13px;font-size:12px;white-space:nowrap}.mobile-menu{display:none;border:0;background:#283710;color:#fff;border-radius:50%;height:45px;width:45px}.hero{display:grid;grid-template-columns:42% 58%;min-height:390px;overflow:hidden;background:#fff0e1}.hero-copy{padding:20px 5% 22px 11%;z-index:1}.eyebrow{letter-spacing:4px;font-weight:700;font-size:13px}.hero h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(33px,3.5vw,56px);line-height:1.01;margin:12px 0}.hero h1 em{display:block;color:#a54d13;font-weight:normal;font-size:1.07em}.hero-copy>p:not(.eyebrow){max-width:470px;font-size:16px;line-height:1.5}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.btn{border-radius:30px;padding:13px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.primary{background:#2c3b10;color:white}.outline{border:2px solid #1d2316}.orange{background:#e8740d;color:white}.hero-photo{background:url('assets/hero-kafe.jpg') center center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 14%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:8px 4.5% 18px}.tile{border-radius:24px;min-height:160px;padding:18px 25px;position:relative;overflow:hidden}.tile:after{content:'❧';position:absolute;right:9px;top:-22px;font-size:125px;opacity:.15;transform:rotate(-35deg)}.tile.green{background:#2d3c0d;color:#fff7e8}.tile.peach{background:#f7d7b9}.tile.sage{background:#71773e;color:#fff7e8}.tile-icon{font-size:27px}.tile h2{font:700 29px Georgia,serif;margin:3px 0}.tile p{font-size:15px;margin:4px 0}.tile b{position:absolute;bottom:13px;right:18px;font-size:25px}.features{display:grid;grid-template-columns:1.4fr 1.25fr .9fr;gap:18px;padding:0 4.5% 12px}.feature{border-radius:23px;overflow:hidden;position:relative;height:205px;background:#f8d9bc}.feature img{position:absolute;width:100%;height:100%;object-fit:cover}.feature:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffe4c9 0%,#ffe4c9dd 42%,transparent 85%);z-index:1}.feature>div{position:relative;z-index:2;padding:15px 20px}.feature h2{font:italic bold 31px/1 Georgia,serif;margin:0 0 10px}.feature p{font-size:15px;line-height:1.45;margin:9px 0}.soon{background:#ed7c13;color:white;padding:5px 15px;border-radius:20px;font:italic bold 21px Georgia,serif}.events h2{font-size:28px}.events p{font-size:14px}.events .btn{padding:8px 16px;font-size:13px}.ataturk h2{font-size:29px}.ataturk p{font-size:14px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:14px 9%;align-items:center}.values div{display:flex;align-items:center;justify-content:center;gap:15px;font-size:37px;color:#3a4b18}.values span{font-size:16px;color:#111;font-weight:700}footer{background:#29390d;color:#fff7e6;text-align:center;padding:16px 6% 25px;clip-path:polygon(0 8%,8% 0,18% 7%,29% 1%,42% 8%,55% 2%,68% 8%,80% 1%,91% 7%,100% 0,100% 100%,0 100%)}footer>p{font:italic 33px Georgia,serif;margin:20px 0}.foot-details{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;font-size:12px}@media(max-width:1050px){.top nav{gap:10px;font-size:12px}.location{display:none}.hero-copy{padding-left:6%}.tiles{gap:10px}.tile{padding:14px}.tile h2{font-size:24px}.features{gap:10px}.feature h2{font-size:24px}}@media(max-width:760px){.top{height:74px}.brand img{width:55px;height:53px}.brand strong{font-size:29px}.top nav{display:none;position:absolute;top:73px;left:0;right:0;z-index:10;background:#fff1e4;padding:20px;flex-direction:column;align-items:stretch;font-size:16px}.top nav.open{display:flex}.mobile-menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:22px 7%}.hero h1{font-size:clamp(34px,8vw,52px)}.hero-photo{min-height:230px;mask-image:none;-webkit-mask-image:none;order:-1}.tiles{grid-template-columns:repeat(2,1fr);padding:12px 4%}.tile{min-height:140px}.features{grid-template-columns:1fr;padding:0 4%}.feature{height:210px}.values{grid-template-columns:repeat(2,1fr);padding:20px 5%}.values div{justify-content:flex-start}footer{clip-path:none}footer>p{font-size:26px}}@media(max-width:360px){.tile h2{font-size:21px}.tile p{font-size:13px}.hero-actions .btn{padding:11px 14px}}/* Reference composition: real text, independent links and responsive cards. */
body{background:#fff0e1;color:#111}.top{padding-inline:7%;gap:20px}.brand{gap:16px}.logo-mark{display:block;flex-shrink:0;width:76px;height:70px;background:url('assets/brand-reference.jpeg') -104px -4px/1536px 1024px no-repeat;mix-blend-mode:multiply}.brand>span:last-child{border-left:1px solid;padding-left:16px}.top nav{font-size:16px;gap:27px}.brand strong{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-2px;font-size:44px}.top .location{margin-left:auto}.hero{height:380px;min-height:380px;grid-template-columns:43% 57%}.hero-copy{padding:10px 12px 16px 23%}.hero h1{font-size:46px;line-height:1.03;letter-spacing:-1px}.hero h1 em{font-size:48px;white-space:nowrap;margin-top:2px}.hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.25;margin:20px 0 16px}.eyebrow{font-size:16px;letter-spacing:3px}.hero-actions{flex-wrap:nowrap;gap:24px;margin-left:-40px}.btn{white-space:nowrap;padding:10px 22px;gap:13px;font-size:20px;line-height:1.1}.icon{width:30px;height:33px;vertical-align:middle;flex-shrink:0}.hero-photo{mask-image:linear-gradient(90deg,transparent,#000 7%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%)}.tiles{padding-top:8px;gap:18px}.tile{height:160px;padding:13px 40px}.tile .icon{height:37px;width:35px}.tile h2{font-size:33px}.tile p{font-size:18px;line-height:1.2}.tile b{border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#ffebcc;color:#344116;font:34px/1 Georgia}.tile.peach b{background:#dc6a04;color:white}.tile:after{color:#e8c67b;opacity:.5;font-size:145px;right:-4px;top:-47px;pointer-events:none}.feature{height:205px}.feature img{clip-path:inset(0 0 0 57%)}.feature:before{background:linear-gradient(90deg,#ffe7cf 50%,transparent 79%)}.feature>div{padding:16px 28px}.feature h2{font-size:36px;letter-spacing:-.7px}.bread>div{padding-left:40px}.bread h2{transform:rotate(-5deg)}.feature p{font-size:17px;line-height:1.2}.soon{display:inline-block;border-radius:0;transform:rotate(-7deg);font-size:27px;padding:2px 18px;margin-left:45px}.events h2{font-size:29px}.events p{font-size:17px;line-height:1.25;margin:9px 0}.events .btn{font-size:17px;padding:8px 20px}.ataturk h2{font-size:31px}.ataturk p{font-size:16px;max-width:180px}.ataturk img{clip-path:inset(0 0 0 55%)}.ataturk span{display:grid;place-items:center;background:#303e13;border-radius:50%;color:#fff;width:32px;height:32px}.values{padding:8px 10% 26px;gap:0}.values div{border-right:1px solid #cdb18c;gap:20px}.values div:last-child{border:0}.values .icon{width:50px;height:50px}.values div:nth-child(3){color:#cb620d}.values span{font-size:17px;line-height:1.2}footer{position:relative;clip-path:none;padding:10px 5% 18px;margin-top:12px}footer:before{content:'';position:absolute;left:0;right:0;top:-28px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 40' preserveAspectRatio='none'%3E%3Cpath fill='%2329390d' d='M0 23Q90 -14 190 20T360 26T520 28T700 25T860 21T1040 27T1220 20T1410 26T1536 23V40H0Z'/%3E%3C/svg%3E") center/100% 100%}footer>p{margin:8px 0 15px;font-size:35px;font-weight:bold}.foot-details{opacity:.86}a:focus-visible,button:focus-visible{outline:3px solid #db710f;outline-offset:4px}.tile:hover,.btn:hover{filter:brightness(1.08)}
@media(max-width:1400px) and (min-width:761px){.top{padding-inline:4%;gap:18px}.top nav{font-size:13px;gap:19px}.brand strong{font-size:36px}.brand small{font-size:7px}.logo-mark{width:68px}.hero-copy{padding-left:17%}.hero h1{font-size:40px}.hero h1 em{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-actions{gap:14px;margin-left:-15px}.btn{font-size:17px;padding-inline:19px}.tile{padding-inline:30px}.tile p{font-size:16px}.feature h2{font-size:30px}.feature p{font-size:16px}.events h2{font-size:26px}.events p{font-size:15px}.events .btn{font-size:15px}}
@media(max-width:1100px){.top nav{display:none}.mobile-menu{display:block}.top nav.open{display:flex;position:absolute;top:80px;right:20px;left:auto;flex-direction:column;z-index:20;background:#fff1e4;box-shadow:0 8px 20px #0002;padding:24px;align-items:start}.hero-copy{padding-left:10%}.hero h1{font-size:36px}.hero h1 em{font-size:37px}.hero-actions{margin-left:0;gap:10px}.hero-actions .btn{font-size:15px;padding:10px 14px}.tile{padding-inline:22px}.feature>div{padding:18px}.feature h2{font-size:27px}.events h2{font-size:23px}}
@media(max-width:760px){.top{height:76px;padding:5px 5%}.brand strong{font-size:32px}.brand small{font-size:6px;letter-spacing:.8px}.brand{gap:8px}.brand>span:last-child{padding-left:9px}.logo-mark{width:65px;height:64px;background-size:1382.4px 921.6px;background-position:-93.6px -3.6px}.top nav.open{top:76px;left:0;right:0;gap:21px;font-size:17px}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-copy{padding:23px 7% 24px}.hero-photo{order:0;min-height:0;height:220px;width:100%;mask-image:none;-webkit-mask-image:none;background-position:center}.eyebrow{font-size:12px;margin:0 0 18px}.hero h1{font-size:clamp(30px,8.5vw,48px);letter-spacing:-1px;margin:0}.hero h1 em{font-size:1.04em;white-space:normal;margin-top:5px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.4;margin:17px 0}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:12px}.hero-actions .btn{font-size:15px;padding:10px 15px;gap:8px}.hero-actions .icon{width:23px;height:25px}.tiles{gap:12px;padding:16px 5%}.tile{height:155px;min-height:155px;padding:14px 17px}.tile h2{font-size:29px}.tile p{font-size:14px}.tile b{width:28px;height:28px;right:12px;bottom:10px;font-size:27px}.tile:after{font-size:110px;right:-25px;top:-25px}.tile .icon{width:28px;height:30px}.features{padding:0 5%;gap:14px}.feature{height:205px}.feature>div{padding:18px 22px}.feature h2{font-size:31px}.feature p{font-size:16px}.events h2{font-size:29px}.events p{font-size:16px}.events .btn{font-size:16px}.ataturk img{clip-path:inset(0 0 0 52%);object-position:center}.ataturk p{max-width:170px}.values{padding:25px 7% 35px;gap:24px 12px}.values div{border:0;gap:12px}.values .icon{width:40px;height:43px}.values span{font-size:14px}footer>p{font-size:26px}.foot-details{font-size:11px;gap:12px}.soon{margin-left:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.logo-mark{width:86px;background-position:-106px -4px}.tile:after{content:'';width:140px;height:120px;top:0;right:0;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 120'%3E%3Cg fill='none' stroke='%23d8b96d' stroke-width='1'%3E%3Cpath d='M140 115Q80 64 48 0M106 82Q70 78 62 44Q96 46 106 82ZM88 57Q58 49 53 20Q78 24 88 57ZM120 95Q113 58 137 42Q149 71 120 95ZM99 69Q92 33 112 19Q125 44 99 69ZM78 37Q79 14 91 1Q102 23 78 37Z M140 34Q108 26 116 0Q139 7 140 34Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.8}.bread img{clip-path:inset(0 0 0 65%)}
@media(max-width:760px){.logo-mark{width:77px;background-size:1382.4px 921.6px;background-position:-95.4px -3.6px}}
@media(max-width:760px){.hero-actions .btn{font-size:14px;padding-inline:12px;gap:6px}.hero-actions{gap:10px}}