:root{--ink:#0c1726;--navy:#052c35;--navy2:#012936;--teal:#009b95;--gold:#ffbd57;--white:#fff;--muted:#5a6573;--wrap:1180px;--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 62px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link:focus{z-index:9999;top:10px;left:12px;width:auto;height:auto;padding:12px;color:#fff;background:#002e36;clip:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;text-align:center;font-weight:800;white-space:nowrap;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffdb81;outline-offset:3px}.button-gold{border-radius:999px;padding:9px 20px;background:linear-gradient(180deg,#ffd377,#f4a931);color:#121d26;box-shadow:inset 0 1px 2px #fff7,0 3px 13px #0004}.button-teal{border-radius:999px;padding:10px 23px;color:#fff;background:linear-gradient(180deg,#08c9bc 0%,#00a79f 48%,#007775 100%);border:1px solid #78f2df;box-shadow:0 6px 16px #003f49b0,inset 0 1px 4px #ffffff7a}
/* Navigation */
.site-header{background:linear-gradient(110deg,#022b37 0%,#001c2a 78%,#002f39 100%);color:white;position:relative;z-index:50;box-shadow:0 4px 12px #0002}.header-inner{min-height:68px;display:flex;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;gap:1px;flex:none;min-width:238px;line-height:1}.brand-symbol{width:58px;height:58px;object-fit:contain;flex:none}.brand-words{display:flex;flex-direction:column;gap:3px}.brand-name{font-size:31px;font-weight:850;letter-spacing:-1.6px;color:#fff;line-height:.95}.brand-name span{color:var(--gold);font-style:italic}.brand-sub{font-style:italic;font-size:12px;line-height:1.1;color:#f5f9fa;letter-spacing:-.15px}.brand-custom-logo{max-width:245px;max-height:61px;object-fit:contain;width:auto;height:auto}.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:5px;height:100%}.main-nav>a:not(.mobile-chat){font-size:13.2px;font-weight:700;white-space:nowrap;position:relative;padding:19px 4px}.main-nav>a.current:after,.main-nav>a:not(.mobile-chat):hover:after{content:"";position:absolute;bottom:13px;left:4px;right:4px;height:2px;background:var(--gold);border-radius:2px}.main-nav>a svg{vertical-align:middle}.header-chat{font-size:13px;padding:9px 16px}.mobile-menu-toggle,.mobile-chat{display:none}
/* Hero: the supplied approved image is used as the source for imagery, while copy remains real selectable HTML. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:352px;background:linear-gradient(98deg,#3e493d 0%,#183a43 31%,#15323e 59%,#6b5e63 78%,#073744 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#16343c03 25%,#123542d9 38%,#173b4cc7 71%,#17364411 88%);z-index:1;pointer-events:none}.hero-person{position:absolute;left:0;bottom:0;top:0;width:42%;background-image:linear-gradient(90deg,transparent 70%,#163642df 98%),url('../img/hero-person.webp');background-repeat:no-repeat;background-position:center,left center;background-size:100% 100%,auto 100%;z-index:0}.hero-city{position:absolute;right:0;inset-block:0;width:36%;background:linear-gradient(90deg,#163744 0%,#19384412 42%),url('../img/hero-istanbul.webp') right center/auto 100% no-repeat;z-index:0}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:352px}.hero-copy{margin-left:37.5%;max-width:54%;padding:16px 0 38px;text-shadow:0 2px 10px #00192665}.hero h1{font-size:clamp(30px,3.95vw,47px);line-height:1.02;letter-spacing:-.8px;font-weight:850;color:white;margin:0 0 10px}.hero h1 span:not(.heart-outline){color:var(--gold);font-style:italic}.heart-outline{color:var(--gold);font-size:1.55em;font-weight:300;line-height:0;vertical-align:-.07em}.hero-copy p{color:#fff;font-size:15.3px;line-height:1.35;max-width:390px;margin:0 0 20px}.hero-button{font-size:18px;min-width:236px}.hero-button svg:last-child{margin-left:6px}
/* Benefit ribbon */
.benefits{position:relative;z-index:5;margin-top:-39px;background:linear-gradient(180deg,#ffffff,#f9fbfc);min-height:94px;padding:13px 17px;border-radius:17px;box-shadow:0 13px 35px #092e3d20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e9eef1}.benefit{display:flex;align-items:center;gap:12px;padding:3px 13px;border-right:1px solid #dce2e7}.benefit:last-child{border-right:0}.benefit-icon{display:grid;place-items:center;flex:none}.benefit-icon.teal{color:#009e97}.benefit-icon.amber{color:#ed9700}.benefit h2{font-size:16px;line-height:1.12;margin:0 0 6px;font-weight:850;white-space:nowrap}.benefit p{font-size:11.8px;line-height:1.25;margin:0;color:#222b32}
/* Reusable section headings */
.content-section{padding-top:16px}.section-heading{text-align:center;margin:0 auto 16px}.section-heading h2{display:flex;align-items:center;justify-content:center;gap:17px;font-size:29px;font-weight:850;letter-spacing:-.7px;line-height:1.2;margin:0 0 3px}.section-heading h2:before,.section-heading h2:after{content:"";display:block;width:40px;height:2px;background:#eaa100}.section-heading p{font-size:14.1px;color:#28323b;margin:0}.rooms-section{padding-top:19px}.rooms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.room-card{position:relative;display:flex;flex-direction:column;overflow:hidden;height:197px;border-radius:13px;background:#00343b;box-shadow:0 9px 17px #193a4530;transform:translateZ(0);transition:transform .2s,box-shadow .2s}.room-card:hover{transform:translateY(-4px);box-shadow:0 15px 24px #193a4540}.room-card>img{width:100%;height:114px;object-fit:cover;display:block}.room-overlay{background:linear-gradient(120deg,#0a4e56,#00323a 80%);color:#fff;padding:9px 12px 10px;position:relative;flex:1}.room-title{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;line-height:1.05;margin-bottom:5px;padding-right:20px}.room-desc{font-size:12px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:calc(100% - 22px)}.room-arrow{position:absolute;right:10px;bottom:16px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#052c34;width:26px;height:26px}
/* Latest posts live WP_Query */
.latest-section{padding-top:19px;padding-bottom:24px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 8px}.post-card{position:relative;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 7px 22px #11293720;border:1px solid #edf0f1;min-width:0;display:flex;flex-direction:column}.post-thumb{display:block;overflow:hidden;height:112px;background:#ddedef}.post-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-thumb img{transform:scale(1.03)}.post-body{position:relative;display:flex;flex-direction:column;flex:1;padding:9px 14px 10px}.post-category{align-self:flex-start;border-radius:100px;color:#14222a;background:var(--gold);padding:3px 10px;font-size:10px;line-height:1.1;font-weight:800;margin-top:-19px;margin-bottom:7px;position:relative;box-shadow:0 2px 7px #0003}.post-body h3{font-size:16px;letter-spacing:-.25px;line-height:1.16;font-weight:850;margin:0 0 6px}.post-body h3 a:hover{color:var(--teal)}.post-excerpt{color:#333a41;font-size:11.8px;line-height:1.25;margin:0 0 12px}.post-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:5px;color:#2c353b;font-size:10px;flex-wrap:wrap}.post-meta>span,.post-meta>a{display:inline-flex;align-items:center;gap:4px}.post-meta>a{font-weight:800;color:#007e78}.demo-card .demo-note{font-size:11px;color:#087a75;margin:auto 0 0}.demo-card .post-category{background:#ffe0aa}
/* Why section */
.why-section{min-height:168px;position:relative;overflow:hidden;background:linear-gradient(93deg,#145775 0%,#b8d3d7 39%,#fbfbf8 62%,#eee2ca 80%,#294d55 100%)}.why-section:before{content:"";position:absolute;left:0;bottom:0;width:40%;height:76px;background:url('../img/why-bridge.webp') left bottom/100% 100% no-repeat;opacity:.96}.why-traveler{position:absolute;right:0;top:0;bottom:0;width:24%;background:linear-gradient(90deg,#f8f3e0d9,transparent 50%),url('../img/why-travel.webp') right center/auto 100% no-repeat}.why-inner{display:grid;grid-template-columns:39% 40%;gap:24px;align-items:center;min-height:168px;position:relative;z-index:1}.why-intro{border-right:1px solid #6c909b80;min-height:125px;padding:12px 20px 4px 18px}.why-intro h2{font-size:31px;line-height:1.1;letter-spacing:-.5px;margin:0 0 6px;color:#fff}.why-intro h2 span{color:var(--gold)}.why-intro p{font-size:14px;color:#fff;line-height:1.24;max-width:340px;margin:0}.why-list{display:grid;gap:6px;list-style:none;padding:0;margin:0;color:#17242d;font-size:12.8px}.why-list li{display:flex;align-items:center;gap:9px}.why-list svg{background:#009c8f;color:white;border-radius:50%;padding:2px;flex:none;width:20px;height:20px}
/* Footer */
.site-footer{background:linear-gradient(110deg,#002c3a,#012b34 75%,#053442);color:#fff;position:relative;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.6fr .88fr .85fr .95fr;gap:45px;padding-top:19px;padding-bottom:18px;position:relative;z-index:2}.footer-brand{margin-left:-7px;min-width:0}.footer-brand .brand-symbol{height:52px;width:52px}.footer-brand .brand-name{font-size:30px}.footer-brand .brand-sub{font-size:11.5px}.footer-about>p{font-size:12px;line-height:1.35;margin:7px 0 0;max-width:320px;color:#f3f8f8}.footer-grid h3{font-size:13.5px;margin:4px 0 10px}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links>a{font-size:12.2px;color:#eaf0f1}.footer-links>a:before{content:'›';font-size:19px;line-height:0;display:inline-block;color:var(--gold);margin-right:10px;vertical-align:-1px}.footer-links>a:hover{color:var(--gold)}.footer-muted{font-size:12px;margin:0 0 12px;color:#e9f1f2}.footer-mini-cta{display:inline-flex;align-items:center;gap:4px;color:#002936;font-size:12px;padding:8px 13px;border-radius:8px;background:var(--gold);font-weight:800}.social-icons{display:flex;gap:8px;flex-wrap:wrap}.social-icons>a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:10px;background:#285564;color:white;font-weight:800;font-size:18px}.social-icons>a:hover{background:var(--teal)}.footer-skyline{background:url('../img/skyline.svg') center bottom/contain no-repeat;height:37px;width:410px;max-width:70%;margin:-8px auto -3px;opacity:.95}.footer-bottom{border-top:1px solid #bcaa7555;min-height:57px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-bottom:15px;color:#edf2f3;font-size:11.7px}.footer-bottom p{margin:0}.footer-motto{color:#fff}.footer-motto em{font-size:11px}.footer-motto span{color:var(--gold);padding:0 5px}.footer-credit{font-size:11px}.footer-credit a{color:var(--gold);font-weight:800}.footer-credit a:hover{text-decoration:underline}
/* Internal WordPress pages & posts */
.inner-banner{background:radial-gradient(circle at 85% 35%,#235c62 0%,transparent 32%),linear-gradient(110deg,#043443,#0a2833);padding:54px 0;color:white}.inner-banner h1{font-size:clamp(30px,4vw,45px);line-height:1.1;margin:0 0 7px}.inner-banner p{color:#e5f5f1;font-size:15px;max-width:700px;margin:0}.site-breadcrumb{font-size:12px;color:#add6d5;margin-bottom:16px}.site-breadcrumb a:hover{color:var(--gold)}.inner-content{padding:35px 0 70px;min-height:260px}.inner-content article.content-panel,.content-panel{border-radius:15px;background:white;box-shadow:0 6px 25px #152b3512;border:1px solid #edf1f3;padding:32px;max-width:980px;margin:auto}.entry-content{font-size:15.5px;color:#2a3640;line-height:1.75}.entry-content h2,.entry-content h3{color:#0e3039;line-height:1.22;margin-top:1.5em}.entry-content h2{font-size:25px}.entry-content h3{font-size:20px}.entry-content a{color:#007e78;text-decoration:underline}.entry-content img{height:auto}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content blockquote{border-left:4px solid var(--gold);margin:1.5em 0;padding:10px 20px;background:#f8fbfc}.inner-content .rooms-grid{margin:25px 0 8px}.inner-content .post-grid{padding:0}.single-featured{max-width:100%;margin:0 0 20px;border-radius:11px;display:block}.single-meta{display:flex;gap:20px;color:#64707a;font-size:13px;margin-bottom:17px}.single-meta span{display:flex;align-items:center;gap:5px}.posts-archive .post-grid{margin-bottom:35px}.pagination{display:flex;justify-content:center;gap:8px}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border-radius:8px;background:#f1f5f6;color:#004a53;padding:4px 10px}.pagination .current{background:#007b78;color:white}.back-to-home{display:inline-flex;align-items:center;gap:4px;padding:10px 16px;background:#007d79;border-radius:8px;color:white;font-weight:700;margin-top:16px}.back-to-home:hover{color:#fff;background:#006661}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.contact-card{border:1px solid #e5ecee;border-radius:13px;padding:25px;background:#fcfefe}.contact-card h2{font-size:22px;margin-top:0;color:#092f37}.contact-form label{display:block;font-size:13px;font-weight:700;margin:15px 0 5px}.contact-form input:not([type=hidden]),.contact-form textarea,.search-form input[type=search]{width:100%;max-width:100%;padding:12px;border:1px solid #c8d4d8;border-radius:9px;background:#fff;color:#112b32}.contact-form textarea{resize:vertical;min-height:140px}.contact-form .button{margin-top:17px}.hp-field{position:absolute;left:-10000px;opacity:0}.notice{padding:11px 14px;border-radius:9px;background:#e7faf4;border-left:4px solid #069f88;margin-bottom:18px;font-size:14px}.notice-error{background:#ffefed;border-left-color:#c93636}.search-form{display:flex;gap:9px}.search-form button{background:#007e79;color:#fff;border:0;padding:9px 15px;border-radius:9px;display:flex;align-items:center;gap:7px}.comment-respond{margin-top:32px}.comment-respond input:not([type=submit]),.comment-respond textarea{max-width:100%;border:1px solid #c8d4d8;border-radius:7px;padding:10px}.comment-respond label{display:block;margin-bottom:6px}.comment-list{padding-left:22px}.comment-list li{margin-bottom:16px}.comment-form .submit{background:var(--teal);color:#fff;border:0;padding:10px 20px;border-radius:8px}
@media (min-width:1380px){.hero{min-height:410px}.hero-inner{min-height:410px}.hero h1{font-size:51px}.hero-copy p{font-size:17px;max-width:450px}.hero-city{width:33%}.hero-person{width:43%}.room-card{height:218px}.room-card>img{height:130px}.post-thumb{height:150px}.post-body{min-height:160px}.benefits{margin-top:-43px}.why-inner,.why-section{min-height:195px}}
@media (max-width:1100px){.header-inner{gap:9px}.brand{min-width:230px}.main-nav>a:not(.mobile-chat){font-size:12px;padding-inline:3px}.header-chat{font-size:12px;padding:8px 12px}.benefit{gap:7px;padding:3px 9px}.benefit h2{font-size:14px}.benefit p{font-size:11px}.room-title{font-size:14.5px}.room-desc{font-size:11.2px}.footer-grid{gap:28px}}
@media (max-width:920px){.wrap{width:min(var(--wrap),calc(100% - 36px))}.header-inner{min-height:68px;justify-content:space-between}.mobile-menu-toggle{display:grid;place-items:center;border:1px solid #ffffff55;border-radius:9px;background:#ffffff15;color:#fff;width:44px;height:40px;margin-left:auto}.header-chat{display:none}.mobile-chat{display:inline-flex!important;margin:8px 14px 14px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;height:auto;background:#012a35;padding:8px 18px 14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 24px #0005}.main-nav.is-open{display:flex}.main-nav>a:not(.mobile-chat){font-size:15px;padding:11px 15px;border-bottom:1px solid #ffffff1c}.main-nav>a.current:after,.main-nav>a:not(.mobile-chat):hover:after{bottom:4px;left:15px;right:auto;width:42px}.hero-copy{margin-left:37%;max-width:60%}.hero h1{font-size:clamp(29px,4.5vw,45px)}.benefits{grid-template-columns:repeat(2,1fr);row-gap:6px}.benefit:nth-child(2){border-right:0}.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-card{height:225px}.room-card>img{height:145px}.post-grid{gap:13px}.why-inner{grid-template-columns:43% 45%;gap:13px}.why-traveler{width:19%}.footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-social{grid-column:1/-1}.footer-grid h3{margin-top:0}.footer-bottom{font-size:11px}}
@media (max-width:650px){.brand{min-width:0}.brand-symbol{width:47px;height:47px}.brand-name{font-size:28px}.brand-sub{font-size:10px}.site-header .header-inner{min-height:61px}.hero{min-height:490px;background:linear-gradient(140deg,#2b5b60 0%,#173841 44%,#284554 80%,#022b39 100%)}.hero-inner{min-height:490px;align-items:flex-end}.hero-person{width:100%;height:255px;top:0;bottom:auto;background-position:left center,left center;background-size:100% 100%,auto 100%;mask-image:linear-gradient(180deg,#000 45%,transparent 100%);opacity:.92}.hero-city{width:60%;height:240px;top:0;bottom:auto;opacity:.9}.hero:before{background:linear-gradient(180deg,transparent 0%,#14364118 28%,#133d48 53%,#15343e 100%)}.hero-copy{padding:0 0 76px;margin:0;max-width:100%;text-align:center}.hero h1{font-size:clamp(30px,8.7vw,44px);line-height:1.04;margin-bottom:15px}.heart-outline{font-size:1.1em}.hero-copy p{font-size:14px;max-width:510px;margin:0 auto 16px;line-height:1.45}.hero-button{font-size:16px;min-width:215px}.benefits{margin-top:-45px;padding:12px;gap:6px;border-radius:14px}.benefit{padding:9px 5px;gap:6px;border:0}.benefit:nth-child(odd){border-right:1px solid #e6ecef}.benefit:nth-child(1),.benefit:nth-child(2){border-bottom:1px solid #e6ecef}.benefit-icon svg{width:32px;height:32px}.benefit h2{font-size:13px;white-space:normal}.benefit p{font-size:10.5px}.section-heading h2{font-size:24px;gap:9px}.section-heading h2:before,.section-heading h2:after{width:22px}.section-heading p{font-size:12.5px}.rooms-section{padding-top:24px}.room-card{height:205px}.room-card>img{height:119px}.room-title{font-size:13px}.room-title svg{width:22px;height:22px}.room-overlay{padding:8px}.room-desc{font-size:10.5px}.room-arrow{right:8px;bottom:14px;width:23px;height:23px}.latest-section{padding-top:27px}.post-grid{grid-template-columns:1fr;max-width:500px;margin:auto}.post-thumb{height:185px}.post-body h3{font-size:18px}.post-excerpt{font-size:13px}.post-meta{font-size:11px}.why-section{padding:20px 0;background:linear-gradient(110deg,#12546d,#ecf3f0)}.why-section:before{width:100%;opacity:.25}.why-traveler{width:30%;opacity:.32}.why-inner{grid-template-columns:1fr;gap:15px}.why-intro{border-right:0;min-height:0;padding:2px 0}.why-intro h2{font-size:29px}.why-intro p{font-size:13px;max-width:490px}.why-list{font-size:12px;gap:7px;max-width:490px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;padding-top:27px}.footer-about{grid-column:1/-1}.footer-social{grid-column:auto}.footer-about>p{max-width:600px}.footer-skyline{width:350px;height:25px;margin:0 auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}.inner-banner{padding:35px 0}.inner-content{padding:20px 0 48px}.inner-content article.content-panel,.content-panel{padding:18px}.contact-layout{grid-template-columns:1fr}.single-meta{flex-wrap:wrap}.posts-archive .post-grid{padding:0}}
@media (max-width:390px){.wrap{width:calc(100% - 24px)}.brand-name{font-size:25px}.brand-sub{font-size:9px}.hero h1{font-size:29px}.benefit{gap:4px}.benefit h2{font-size:12px}.benefit p{font-size:10px}.rooms-grid{gap:8px}.room-card{height:197px}.room-card>img{height:109px}.room-title{font-size:12px}.room-desc{font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.room-card,.post-thumb img{transition:none}}

/* Extra styles for functional archive, contact, and chat-room views. */
.room-page-intro{margin:0 0 12px;color:#415460}
.room-help{font-size:14px;color:#52636a;margin-top:25px}
.room-help a{font-weight:800;color:var(--teal);display:inline-flex;align-items:center;gap:3px}
.muted-small{color:#68777c;font-size:12px;line-height:1.6}
.contact-email{color:#006c70;font-weight:700;word-break:break-word}
.search-top{max-width:530px;margin:0 auto 32px}
.post-tags{margin-top:25px;color:#4a6067}
.post-tags a{color:var(--teal)}
.entry-content iframe{max-width:100%}
.entry-content pre{overflow:auto}
.entry-content table{width:100%;display:block;overflow-x:auto}
@media(max-width:650px){.contact-card{padding:18px}.search-form{flex-wrap:wrap}.search-form input[type=search]{flex:1;min-width:170px}}

/* Blend the Bosphorus photo into the hero without a hard vertical edge. */
.hero-city{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 33%);mask-image:linear-gradient(to right,transparent 0%,#000 33%)}

/* 1.0.1 – İstanbul panoraması hero başlığının arkasında da görünür.
   Diğer ana sayfa bölümleri ve masaüstü/mobil menü aynen korunur. */
.hero{background:linear-gradient(100deg,#284a4b 0%,#25505e 53%,#355c6b 100%)}
.hero-panorama{
  position:absolute;inset:0 17% 0 30%;z-index:0;pointer-events:none;
  background:url('../img/room-genel.webp') center 49%/cover no-repeat;
  opacity:.97;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 87%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 87%,transparent 100%);
}
.hero-city{width:39%;z-index:0;
 background:linear-gradient(90deg,rgba(8,43,55,.1) 0%,transparent 53%),url('../img/hero-istanbul.webp') right center / auto 100% no-repeat;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 32%);
}
.hero:before{
 background:linear-gradient(90deg,rgba(9,34,44,0) 0%,rgba(7,36,48,.10) 27%,rgba(8,39,48,.32) 40%,rgba(5,35,48,.27) 71%,rgba(5,35,48,.06) 100%);
}
.hero-copy{
 background:linear-gradient(115deg,rgba(4,34,46,.54),rgba(6,46,56,.25));
 border:1px solid rgba(255,255,255,.21);
 border-radius:19px;
 padding:19px 24px 25px;
 box-shadow:0 7px 29px rgba(0,20,31,.13),inset 0 1px rgba(255,255,255,.09);
 -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);
 text-shadow:0 2px 8px rgba(0,19,27,.7);
}
@media(max-width:920px){.hero-panorama{left:26%;right:9%}.hero-city{width:42%}.hero-copy{padding:18px 18px 23px}}
@media(max-width:650px){
 .hero{background:linear-gradient(160deg,#285b64,#124351 66%,#143d4b)}
 .hero-panorama{inset:210px 0 0 0;opacity:.65;background-position:center 43%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%);mask-image:linear-gradient(180deg,transparent 0%,#000 34%)}
 .hero-city{width:60%;height:240px;top:0;bottom:auto;opacity:.93;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
 .hero:before{background:linear-gradient(180deg,rgba(0,30,43,0) 0%,rgba(3,42,53,.1) 30%,rgba(4,38,52,.42) 59%,rgba(3,37,48,.32) 100%)}
 .hero-copy{max-width:100%;margin:0 0 30px;text-align:center;padding:17px 14px 25px;
  background:linear-gradient(180deg,rgba(3,35,47,.62),rgba(3,41,55,.48));
  -webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:15px}
}
/* Bitişik görseller arasındaki sert dikey çizgiyi kaldır. */
@media(min-width:651px){
 .hero-panorama{right:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%)}
 .hero-city{-webkit-mask-image:linear-gradient(90deg,transparent 53%,rgba(0,0,0,.1) 58%,#000 97%);mask-image:linear-gradient(90deg,transparent 53%,rgba(0,0,0,.1) 58%,#000 97%)}
}