/* ========================================================================== */
/* İZMİR DİREKSİYON SERVİSİ — PREMIUM DARK SYSTEM                           */
/* The homepage showroom remains the visual master. Inner pages inherit it.   */
/* ========================================================================== */
:root{--iz-red:#b5483f;--iz-red2:#c45d52;--iz-bg:#090a0d;--iz-bg2:#0d0f12;--iz-panel:#13161a;--iz-paper:#f4f1ec;--iz-muted:#969ca3;--iz-line:rgba(255,255,255,.1)}
html{background:var(--iz-bg);color-scheme:dark}
body{background:var(--iz-bg);color:var(--iz-paper)}
.theme-toggle{display:none!important}
.premium-brand-name{font-size:1.23rem;white-space:nowrap}
.premium-mark-line{flex:0 0 auto}
.premium-nav-shell{max-width:960px}
.premium-nav{gap:22px}
@media(max-width:1080px){.premium-brand-name{font-size:1.08rem}.premium-nav{gap:15px}}

/* Intro: keep the technical HOBİTEK-era drawing language, change the final identity. */
.brand-reveal{width:min(70vw,920px)!important;gap:24px!important}
.wordmark-text{display:flex;flex-direction:column;align-items:center;gap:.06em;color:#f4f4f2;font-family:'Manrope',Arial,sans-serif;font-size:clamp(2rem,4.7vw,4.8rem);font-weight:650;letter-spacing:.11em;line-height:1.03;text-align:center;text-transform:uppercase;white-space:nowrap}
.wordmark-text .brand-glyph{display:block;opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(5px);will-change:opacity,transform,clip-path}
.brand-caption{letter-spacing:.28em!important}
@media(max-width:650px){.brand-reveal{width:88vw!important}.wordmark-text{font-size:clamp(1.55rem,8.5vw,2.8rem);letter-spacing:.065em;white-space:normal}.wordmark-text span{white-space:nowrap}.brand-caption{font-size:8px!important;letter-spacing:.17em!important}}

/* Dark branded curtain instead of the old white HOBİTEK transition. */
.page-transition__sheet{background:#0b0d10!important}
.page-transition__sheet:after{background:linear-gradient(90deg,rgba(11,13,16,1),rgba(11,13,16,.92) 40%,rgba(11,13,16,0))!important}
.page-transition__mark{width:auto!important;height:auto!important;max-width:78vw;color:#f4f1ec;font-family:'Manrope',Arial,sans-serif;font-size:clamp(.7rem,1.3vw,1rem);font-weight:650;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;filter:none!important}

/* Homepage SEO / editorial continuation. */
.home-editorial{position:relative;padding:clamp(96px,10vw,150px) 0;background:linear-gradient(180deg,#090a0d,#0c0e11);border-top:1px solid rgba(255,255,255,.055)}
.home-editorial .inner{width:min(1320px,calc(100% - 96px));margin:auto}
.home-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:56px}
.home-kicker{display:flex;gap:12px;align-items:center;color:#8f949a;font:700 .6rem/1 'Manrope',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.home-kicker:before{content:"";width:30px;height:1px;background:#8f4b45}
.home-section-head h2{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3.3rem,6vw,6.2rem);font-weight:500;line-height:.88;letter-spacing:-.05em}.home-section-head h2 em{font-weight:500;color:#aeb0b2}
.home-section-head p{max-width:620px;margin:0 0 6px;color:#92979d;font-size:.9rem;line-height:1.75}
.home-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-service-card{position:relative;min-height:330px;padding:38px;border:1px solid rgba(255,255,255,.085);border-radius:30px;background:linear-gradient(145deg,#14171b,#0e1013);overflow:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .4s ease}
.home-service-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.17)}
.home-service-card:after{content:"";position:absolute;right:-55px;bottom:-85px;width:240px;aspect-ratio:1;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.012),0 0 0 76px rgba(255,255,255,.008)}
.home-service-card small{position:relative;z-index:1;color:#777d83;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}.home-service-card h3{position:relative;z-index:1;margin:18px 0 13px;max-width:480px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.1rem,3.2vw,3.4rem);font-weight:500;line-height:.95}.home-service-card p{position:relative;z-index:1;max-width:520px;color:#8f959b;font-size:.82rem}.home-service-card a{position:absolute;z-index:2;left:38px;bottom:34px;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#d7d5d1}.home-service-card a span{color:#ba5b53;margin-left:8px}

/* Real-photo editorial gallery. */
.premium-gallery{padding:clamp(90px,10vw,150px) 0;background:#0b0d10;border-top:1px solid rgba(255,255,255,.055);overflow:hidden}
.premium-gallery .inner{width:min(1380px,calc(100% - 72px));margin:auto}
.gallery-grid{display:grid;grid-template-columns:1.38fr .62fr;grid-template-rows:repeat(2,minmax(250px,34vh));gap:14px}
.gallery-shot{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#111317;min-height:0}
.gallery-shot:first-child{grid-row:1/3}.gallery-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04) brightness(.82);transform:scale(1.025);transition:transform 1.35s cubic-bezier(.22,1,.36,1),filter .6s ease}.gallery-shot:hover img{transform:scale(1.065);filter:saturate(.9) contrast(1.04) brightness(.9)}
.gallery-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,7,9,.72))}
.gallery-shot figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#ddd9d3}.gallery-shot figcaption span{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.55rem}.gallery-shot figcaption small{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#9b9fa4}
.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.gallery-strip .gallery-shot{height:250px;border-radius:24px}

/* Technology split after the showroom: useful SEO content, still visual. */
.tech-editorial{padding:clamp(90px,10vw,145px) 0;background:#090a0d;border-top:1px solid rgba(255,255,255,.05)}
.tech-editorial__grid{width:min(1320px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}
.tech-editorial__copy{padding:65px;border:1px solid var(--iz-line);border-radius:34px;background:linear-gradient(145deg,#13161a,#0e1013)}
.tech-editorial__copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3.2rem,5vw,5.5rem);font-weight:500;line-height:.9;letter-spacing:-.045em;margin:14px 0 20px}.tech-editorial__copy p{color:#969ba1;max-width:580px}.tech-editorial__media{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tech-editorial__media figure{position:relative;margin:0;min-height:520px;border-radius:30px;overflow:hidden;border:1px solid var(--iz-line);background:#111}.tech-editorial__media figure:nth-child(2){margin-top:54px;margin-bottom:-54px}.tech-editorial__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) brightness(.82);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.tech-editorial__media figure:hover img{transform:scale(1.045)}

.home-approach{padding:120px 0;background:#0c0e11;border-top:1px solid rgba(255,255,255,.05)}
.approach-grid{width:min(1320px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.approach-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3rem,5.2vw,5.4rem);line-height:.9;font-weight:500;letter-spacing:-.045em;margin:15px 0 22px}.approach-copy p{color:#92979d;max-width:520px}.approach-steps{border-top:1px solid var(--iz-line)}.approach-step{display:grid;grid-template-columns:74px 1fr auto;gap:24px;align-items:center;padding:27px 0;border-bottom:1px solid var(--iz-line);transition:padding .35s ease}.approach-step:hover{padding-left:8px}.approach-step b{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:#9a4f48;font-weight:500}.approach-step strong{font-size:.92rem}.approach-step span{color:#737980;font-size:.73rem}
.home-faq{padding:110px 0 130px;background:#090a0d}.home-faq__inner{width:min(1120px,calc(100% - 72px));margin:auto}.home-faq h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:.9;margin:14px 0 45px}.home-faq details{padding:24px 0;border-top:1px solid var(--iz-line)}.home-faq details:last-child{border-bottom:1px solid var(--iz-line)}.home-faq summary{cursor:pointer;list-style:none;font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,2.2vw,2.05rem)}.home-faq summary::-webkit-details-marker{display:none}.home-faq details p{max-width:850px;color:#92979d;font-size:.86rem;line-height:1.75}

/* Shared inner-page system. */
body.premium-inner{min-height:100vh;opacity:0;transition:opacity .45s ease;background:#090a0d}body.premium-inner.is-loaded{opacity:1}
.inner-premium-main{overflow:clip;background:#090a0d}
.inner-premium-hero{position:relative;min-height:min(88svh,900px);padding:170px 0 90px;display:flex;align-items:flex-end;overflow:hidden;background:#0b0d10;border-bottom:1px solid rgba(255,255,255,.06)}
.inner-premium-hero__media{position:absolute;inset:0}.inner-premium-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.03) brightness(.48);transform:scale(1.06);transition:transform 2.1s cubic-bezier(.22,1,.36,1),filter 1.4s ease}.premium-inner.is-loaded .inner-premium-hero__media img{transform:scale(1.005)}
.inner-premium-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.8) 40%,rgba(5,6,8,.3) 73%,rgba(5,6,8,.45) 100%),linear-gradient(180deg,rgba(5,6,8,.5),transparent 38%,rgba(5,6,8,.32))}
.inner-premium-hero__content{position:relative;z-index:2;width:min(1320px,calc(100% - 96px));margin:auto}.inner-breadcrumb{margin-bottom:25px;color:#858a90;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.inner-breadcrumb a:hover{color:#fff}.inner-micro{display:flex;align-items:center;gap:12px;color:#a0a4a8;font-size:.59rem;letter-spacing:.23em;text-transform:uppercase;margin-bottom:20px}.inner-micro:before{content:"";width:30px;height:1px;background:#9a4f48}.inner-premium-hero h1{max-width:940px;margin:0;color:#f4f1ec;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(4.2rem,7.5vw,8.5rem);font-weight:500;line-height:.82;letter-spacing:-.055em}.inner-premium-hero p{max-width:680px;margin:28px 0 0;color:#b0b2b4;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.7}
.inner-section{padding:clamp(90px,9vw,140px) 0;background:#0b0d10}.inner-section.alt{background:#0e1013}.inner-container{width:min(1240px,calc(100% - 96px));margin:auto}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:74px}.inner-article h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.8rem,4.7vw,4.8rem);font-weight:500;line-height:.93;letter-spacing:-.04em;margin:62px 0 20px}.inner-article h2:first-child{margin-top:0}.inner-article h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:500;margin:40px 0 14px}.inner-article p,.inner-article li{color:#9ba0a5;line-height:1.8}.inner-article p{max-width:860px}.inner-article ul{padding-left:20px}.inner-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0 52px}.inner-info{padding:25px;border:1px solid var(--iz-line);border-radius:20px;background:#13161a}.inner-info small{font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:#767c82}.inner-info strong{display:block;margin-top:6px;font-size:.82rem}.inner-side{position:sticky;top:115px;height:max-content;padding:29px;border:1px solid var(--iz-line);border-radius:27px;background:linear-gradient(145deg,#14171b,#101216)}.inner-side small{color:#7d8288;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase}.inner-side h3{font-family:'Cormorant Garamond',serif;font-size:2.1rem;font-weight:500;line-height:1;margin:14px 0}.inner-side p{color:#8d9298;font-size:.79rem}.inner-side-links{display:grid;margin-top:22px}.inner-side-links a{padding:12px 0;border-top:1px solid rgba(255,255,255,.06);color:#b1b5b8;font-size:.72rem}.inner-side-links a:hover{color:#fff}.inner-faq{margin-top:52px}.inner-faq details{border-top:1px solid var(--iz-line);padding:20px 0}.inner-faq summary{cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:1.55rem}.inner-faq p{font-size:.83rem}
.inner-visual-break{padding:0 0 110px;background:#0b0d10}.inner-visual-break__grid{width:min(1320px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.inner-visual-break figure{margin:0;position:relative;height:440px;overflow:hidden;border:1px solid var(--iz-line);border-radius:30px}.inner-visual-break figure:nth-child(2){height:360px;margin-top:80px}.inner-visual-break img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.78);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.inner-visual-break figure:hover img{transform:scale(1.045)}
.inner-cta{padding:105px 0 125px;background:#090a0d}.inner-cta__box{width:min(1240px,calc(100% - 96px));margin:auto;padding:66px;border:1px solid var(--iz-line);border-radius:34px;background:linear-gradient(120deg,#15181c,#0f1114);display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}.inner-cta h2{margin:12px 0 0;font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:500;line-height:.9}.inner-cta p{color:#91969c}.inner-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:51px;margin-top:18px;padding:0 23px;border-radius:999px;background:#b5483f;color:white;font-size:.75rem;font-weight:700}.inner-btn:hover{background:#c45d52;transform:translateY(-1px)}

/* Training page keeps the approved photography, reflowed into the dark master language. */
.training-premium-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.training-copy-card,.training-photo-card{border:1px solid var(--iz-line);border-radius:32px;overflow:hidden;background:#121519}.training-copy-card{padding:60px}.training-copy-card h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:500;line-height:.9;margin:15px 0 22px}.training-copy-card p{color:#969ba1}.training-photo-card{min-height:560px}.training-photo-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.84)}.training-benefits-premium{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px;border:1px solid var(--iz-line);border-radius:24px;overflow:hidden;background:#101317}.training-benefits-premium span{padding:24px 18px;border-right:1px solid var(--iz-line);font-size:.71rem;color:#b5b7b9;text-align:center}.training-benefits-premium span:last-child{border-right:0}.training-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:50px}.training-module{padding:32px;border:1px solid var(--iz-line);border-radius:24px;background:#121519}.training-module small{color:#9a4f48;font-size:.53rem;letter-spacing:.16em;text-transform:uppercase}.training-module h3{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;margin:12px 0}.training-module p{color:#8f949a;font-size:.8rem}.training-photo-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:repeat(2,280px);gap:14px}.training-photo-grid figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--iz-line)}.training-photo-grid figure:first-child{grid-row:1/3}.training-photo-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.82);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.training-photo-grid figure:hover img{transform:scale(1.045)}

/* Contact */
.contact-premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-premium-card{min-height:330px;padding:42px;border:1px solid var(--iz-line);border-radius:30px;background:#121519}.contact-premium-card h2{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:500;margin:12px 0 14px}.contact-premium-card p{color:#92979d}.contact-placeholder{margin-top:32px;padding:18px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;color:#777d83;font-size:.75rem}

/* Footer */
.premium-footer{padding:70px 0 30px;background:#07080a;border-top:1px solid rgba(255,255,255,.055)}.premium-footer__inner{width:min(1320px,calc(100% - 72px));margin:auto}.premium-footer__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.premium-footer__brand{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-style:italic}.premium-footer p{max-width:520px;color:#72787e;font-size:.77rem}.premium-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:11px 28px}.premium-footer__links a{color:#969ba1;font-size:.72rem}.premium-footer__links a:hover{color:#fff}.premium-footer__bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);color:#5f646a;font-size:.61rem}

@media(max-width:1000px){.home-section-head,.tech-editorial__grid,.approach-grid,.inner-layout,.training-premium-intro{grid-template-columns:1fr}.home-section-head{gap:25px}.tech-editorial__media figure:nth-child(2){margin:0}.inner-side{position:relative;top:auto}.training-benefits-premium{grid-template-columns:1fr 1fr}.training-benefits-premium span{border-bottom:1px solid var(--iz-line)}.training-benefits-premium span:nth-child(even){border-right:0}.premium-footer__grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-template-rows:500px 300px 300px}.gallery-shot:first-child{grid-row:auto}.gallery-strip{grid-template-columns:1fr 1fr}.inner-visual-break__grid{grid-template-columns:1fr}.inner-visual-break figure:nth-child(2){margin:0;height:380px}.contact-premium-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-editorial .inner,.tech-editorial__grid,.approach-grid,.inner-premium-hero__content,.inner-container,.inner-cta__box{width:calc(100% - 36px)}.premium-gallery .inner,.inner-visual-break__grid,.premium-footer__inner,.home-faq__inner{width:calc(100% - 36px)}.home-service-grid,.tech-editorial__media,.gallery-strip,.training-modules,.training-photo-grid{grid-template-columns:1fr}.gallery-grid{grid-template-rows:420px 260px 260px}.gallery-strip .gallery-shot{height:260px}.tech-editorial__copy,.training-copy-card{padding:38px 26px}.tech-editorial__media figure{min-height:340px}.approach-grid{gap:45px}.approach-step{grid-template-columns:50px 1fr}.approach-step span{grid-column:2}.inner-premium-hero{min-height:78svh;padding:140px 0 64px}.inner-premium-hero h1{font-size:clamp(3.8rem,17vw,5.6rem)}.inner-info-strip{grid-template-columns:1fr}.inner-cta__box{padding:42px 26px;grid-template-columns:1fr}.training-benefits-premium{grid-template-columns:1fr}.training-benefits-premium span{border-right:0}.training-photo-grid{grid-template-rows:none}.training-photo-grid figure,.training-photo-grid figure:first-child{height:280px;grid-row:auto}.premium-footer__links{grid-template-columns:1fr}.premium-footer__bottom{display:block}.premium-footer__bottom span{display:block;margin-top:6px}.home-section-head h2{font-size:clamp(3rem,13vw,4.8rem)}}
@media(prefers-reduced-motion:reduce){.gallery-shot img,.inner-premium-hero__media img,.training-photo-grid img,.tech-editorial__media img{transition:none!important}.wordmark-text .brand-glyph{clip-path:none!important}}


/* ==========================================================================
   IZMiR DIREKSIYON SERVISI — 2D → 3D MORPH GALLERY
   Editorial flat photograph becomes a physical gallery object as the user
   scrolls through the pinned scene.
   ========================================================================== */
.morph-gallery{
  position:relative;
  height:470vh;
  background:#080a0d;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.morph-gallery__sticky{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 76% 48%,rgba(255,255,255,.035),transparent 28%),
    radial-gradient(circle at 72% 52%,rgba(145,38,45,.035),transparent 38%),
    #080a0d;
}
.morph-gallery__ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,6,8,.9) 0%,rgba(5,6,8,.65) 31%,rgba(5,6,8,.16) 57%,rgba(5,6,8,.03) 100%),
    linear-gradient(180deg,rgba(5,6,8,.18),transparent 24%,transparent 73%,rgba(5,6,8,.38));
  z-index:1;
}
.morph-gallery__copy{
  position:absolute;
  z-index:5;
  left:max(48px,calc((100vw - 1320px)/2));
  top:50%;
  width:min(34vw,470px);
  transform:translateY(-50%);
  pointer-events:none;
}
.morph-gallery__copy h2{
  margin:16px 0 0;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(4.6rem,7vw,8.2rem);
  line-height:.88;
  letter-spacing:-.068em;
  font-weight:620;
  color:#f4f1ec;
}
.morph-gallery__copy h2 em{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  letter-spacing:-.045em;
}
.morph-gallery__copy p{
  max-width:410px;
  margin:28px 0 0;
  color:rgba(244,241,236,.62);
  font:500 clamp(.96rem,1.08vw,1.12rem)/1.65 "Manrope",Arial,sans-serif;
}
.morph-gallery__meta{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:34px;
  color:rgba(244,241,236,.48);
  font:700 .62rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.morph-gallery__meta i{width:42px;height:1px;background:rgba(255,255,255,.2)}
.morph-gallery__meta strong{font-weight:700;color:rgba(244,241,236,.82)}
.morph-gallery__stage{
  position:absolute;
  z-index:3;
  right:max(24px,calc((100vw - 1440px)/2));
  top:50%;
  width:min(64vw,940px);
  height:min(70vh,690px);
  transform:translateY(-50%);
  perspective:1700px;
  perspective-origin:52% 46%;
}
.morph-gallery__flat,
.morph-gallery__cube-wrap{
  position:absolute;
  inset:0;
  margin:0;
}
.morph-gallery__flat{
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.10);
  background:#101216;
  box-shadow:0 40px 100px rgba(0,0,0,.35);
  transform-origin:center center;
  will-change:transform,opacity,clip-path;
}
.morph-gallery__flat::after,
.morph-face::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(5,6,8,.72));
}
.morph-gallery__flat img,
.morph-face img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.76) contrast(1.045) brightness(.83);
  transform:scale(1.018);
}
.morph-gallery__flat figcaption,
.morph-face figcaption{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  color:#f1eee9;
}
.morph-gallery__flat figcaption span,
.morph-face figcaption span{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.55rem;
}
.morph-gallery__flat figcaption small,
.morph-face figcaption small{
  font:700 .53rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.17em;
  color:rgba(241,238,233,.6);
}
.morph-gallery__cube-wrap{
  display:grid;
  place-items:center;
  opacity:0;
  transform:translate3d(8%,0,-140px) scale(.82);
  transform-style:preserve-3d;
  will-change:transform,opacity;
}
.morph-gallery__cube{
  --cube-size:min(31vw,520px);
  position:relative;
  width:var(--cube-size);
  height:var(--cube-size);
  transform-style:preserve-3d;
  transform:rotateX(-3deg) rotateY(0deg);
  will-change:transform;
}
.morph-face{
  position:absolute;
  inset:0;
  margin:0;
  overflow:hidden;
  background:#101216;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.morph-face--front{transform:translateZ(calc(var(--cube-size)/2))}
.morph-face--back{transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}
.morph-face--right{transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}
.morph-face--left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2))}
.morph-face--top{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}
.morph-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2))}
.morph-gallery__cube::after{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:-59%;
  height:38%;
  border-radius:50%;
  background:rgba(0,0,0,.42);
  filter:blur(34px);
  transform:rotateX(90deg);
  transform-origin:center;
  pointer-events:none;
}
.morph-gallery__hint{
  position:absolute;
  z-index:6;
  right:max(32px,calc((100vw - 1360px)/2));
  bottom:42px;
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.42);
  font:700 .58rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.18em;
}
.morph-gallery__hint span{width:34px;height:1px;background:rgba(255,255,255,.18)}
.morph-gallery__hint b{font-size:.85rem;color:#9f4a46}
.morph-gallery__progress{
  position:absolute;
  z-index:7;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:rgba(255,255,255,.055);
}
.morph-gallery__progress span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(var(--morph-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,#713630,#a5524b 72%,#c18d87);
  will-change:transform;
}

@media(max-width:1100px){
  .morph-gallery{height:430vh}
  .morph-gallery__copy{left:32px;width:38vw}
  .morph-gallery__copy h2{font-size:clamp(4rem,8vw,6.8rem)}
  .morph-gallery__stage{right:-3vw;width:66vw;height:64vh}
  .morph-gallery__cube{--cube-size:min(38vw,470px)}
}
@media(max-width:760px){
  .morph-gallery{height:330vh}
  .morph-gallery__sticky{min-height:0}
  .morph-gallery__copy{
    left:18px;
    right:18px;
    top:15svh;
    width:auto;
    transform:none;
  }
  .morph-gallery__copy h2{font-size:clamp(3rem,14vw,4.8rem);line-height:.9}
  .morph-gallery__copy p{display:none}
  .morph-gallery__meta{margin-top:17px}
  .morph-gallery__stage{
    left:18px;
    right:18px;
    top:auto;
    bottom:10svh;
    width:auto;
    height:48svh;
    transform:none;
    perspective:1300px;
  }
  .morph-gallery__flat{border-radius:24px}
  .morph-gallery__cube{--cube-size:min(72vw,380px)}
  .morph-gallery__flat figcaption,.morph-face figcaption{left:18px;right:18px;bottom:17px}
  .morph-gallery__hint{display:none}
}
@media(prefers-reduced-motion:reduce){
  .morph-gallery{height:auto;padding:100px 0}
  .morph-gallery__sticky{position:relative;height:auto;min-height:760px}
  .morph-gallery__flat{opacity:0}
  .morph-gallery__cube-wrap{opacity:1;transform:none}
  .morph-gallery__cube{transform:rotateX(-6deg) rotateY(-26deg)!important}
}


/* ==========================================================================
   V3 — HOBİTEK DIREKSIYON SERVISI BRAND ARCHITECTURE
   Domain stays SEO-led; visible identity returns to the HOBİTEK master brand.
   ========================================================================== */
.premium-brand-lockup{
  display:grid;
  align-items:center;
  gap:1px;
  min-width:max-content;
  line-height:1;
}
.premium-brand-lockup .premium-brand-name{
  display:block;
}
.premium-brand-sub{
  display:block;
  margin-top:1px;
  padding-left:1px;
  color:rgba(240,236,230,.53);
  font:700 .39rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.new-home .premium-brand-sub{
  font-size:.36rem;
  letter-spacing:.17em;
}
.premium-footer__brand{
  letter-spacing:.01em;
}
.brand-reveal{
  width:min(46vw,590px)!important;
  gap:30px!important;
}
.brand-reveal .wordmark{
  width:100%;
  height:auto;
}
.brand-reveal .brand-caption{
  letter-spacing:.30em!important;
}
@media(max-width:650px){
  .brand-reveal{width:78vw!important;gap:23px!important}
  .brand-reveal .brand-caption{font-size:8px!important;letter-spacing:.16em!important}
  .premium-brand-sub{font-size:.34rem;letter-spacing:.13em}
}


/* ==========================================================================
   V5 — SHARED MASTER NAV / HOME QUICK-ACTION DOCK
   The home header is the dimensional master for every internal page.
   ========================================================================== */
.premium-inner .premium-header{
  top:27px;
  padding:0 28px;
}
.premium-inner .premium-nav-shell{
  width:min(780px,calc(100vw - 190px));
  max-width:none;
  min-height:70px;
  grid-template-columns:auto max-content auto;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:8px 10px 8px 14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  background:rgba(17,18,21,.42);
  backdrop-filter:blur(28px) saturate(112%);
  -webkit-backdrop-filter:blur(28px) saturate(112%);
  box-shadow:0 10px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.02);
}
.premium-inner .premium-header.is-scrolled .premium-nav-shell{
  min-height:66px;
  background:rgba(17,18,21,.56);
  border-color:rgba(255,255,255,.10);
}
.premium-inner .premium-brand{
  gap:8px;
  padding-right:0;
  align-items:center;
}
.premium-inner .premium-mark{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  overflow:visible;
  opacity:.92;
}
.premium-inner .premium-mark-line svg{width:100%;height:100%;overflow:visible}
.premium-inner .premium-mark-line circle,
.premium-inner .premium-mark-line path{
  fill:none;
  stroke:#e8e4de;
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.premium-inner .premium-mark-line circle{opacity:.68}
.premium-inner .premium-mark-line path{opacity:.95}
.premium-inner .premium-brand-name,
.premium-inner .premium-brand-script{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic;
  font-weight:500;
  font-size:1.58rem;
  line-height:1;
  letter-spacing:-.015em;
  color:#f0ece6;
}
.premium-inner .premium-nav{
  gap:18px;
  justify-content:flex-start;
  font-family:"Manrope",Arial,sans-serif;
  font-size:.775rem;
  font-weight:500;
  letter-spacing:-.01em;
}
.premium-inner .premium-nav a{
  color:#9da09f;
  padding:11px 0;
  transform:translateY(0);
  transition:color .28s ease,transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease;
}
.premium-inner .premium-nav a::after{display:none!important}
.premium-inner .premium-nav a.active{color:#eeeae4}
.premium-inner .premium-nav a:hover{color:#fff;transform:translateY(-2px)}
.premium-inner .premium-cta{
  min-width:144px;
  min-height:52px;
  padding:0 20px;
  margin-left:4px;
  background:#a7232c;
  box-shadow:none;
}

/* Homepage-only horizontal quick action dock: fills the intentional media-to-expertise air. */
body.new-home .premium-hero{position:relative}
.hero-service-dock{
  --dock-opacity:1;
  --dock-shift:0px;
  position:absolute;
  z-index:12;
  right:max(4.5vw,42px);
  bottom:54px;
  width:min(720px,calc(61vw - 36px));
  min-height:82px;
  display:grid;
  grid-template-columns:170px 1fr;
  align-items:stretch;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:rgba(13,15,18,.50);
  backdrop-filter:blur(24px) saturate(108%);
  -webkit-backdrop-filter:blur(24px) saturate(108%);
  box-shadow:0 18px 44px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.018);
  opacity:var(--dock-opacity);
  transform:translate3d(0,var(--dock-shift),0);
  transition:opacity .12s linear,transform .12s linear,border-color .3s ease,background .3s ease;
  will-change:opacity,transform;
}
.hero-service-dock__lead{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:15px 18px 15px 21px;
  border-right:1px solid rgba(255,255,255,.065);
}
.hero-service-dock__lead small{
  color:#8f9296;
  font:700 .47rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.17em;
}
.hero-service-dock__lead strong{
  color:#eeeae4;
  font:500 1.06rem/1.1 "Cormorant Garamond",Georgia,serif;
}
.hero-service-dock__actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  min-width:0;
}
.hero-dock-action{
  position:relative;
  min-width:0;
  display:grid;
  align-content:center;
  gap:5px;
  padding:14px 14px 13px;
  border-right:1px solid rgba(255,255,255,.055);
  color:#e9e6e0;
  overflow:hidden;
  transition:background .34s ease,color .34s ease,transform .34s cubic-bezier(.22,1,.36,1);
}
.hero-dock-action:last-child{border-right:0}
.hero-dock-action span{
  font:650 .67rem/1.05 "Manrope",Arial,sans-serif;
  white-space:nowrap;
}
.hero-dock-action small{
  color:#787d82;
  font:550 .49rem/1 "Manrope",Arial,sans-serif;
  white-space:nowrap;
  transition:color .3s ease;
}
.hero-dock-action i{
  position:absolute;
  top:14px;
  right:11px;
  color:#8c9094;
  font:400 .72rem/1 "Manrope",Arial,sans-serif;
  transition:transform .32s cubic-bezier(.22,1,.36,1),color .3s ease;
}
.hero-dock-action:hover{
  background:rgba(255,255,255,.035);
  color:#fff;
  transform:translateY(-1px);
}
.hero-dock-action:hover small{color:#a7aaad}
.hero-dock-action:hover i{transform:translate(2px,-2px);color:#e8e4de}
.hero-dock-action--primary::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:#a7232c;
  border-radius:2px;
}
.hero-dock-action--primary span{color:#f3e7e6}

@media(max-width:1260px){
  .premium-inner .premium-nav-shell{width:min(780px,calc(100vw - 76px));gap:16px}
  .premium-inner .premium-nav{gap:16px}
  .hero-service-dock{right:38px;width:min(680px,58vw);grid-template-columns:145px 1fr}
  .hero-service-dock__lead{padding-left:17px}
  .hero-dock-action{padding-left:11px;padding-right:11px}
}
@media(max-width:980px){
  .premium-inner .premium-header{padding:0 12px;top:16px}
  .premium-inner .premium-nav-shell{width:min(100%,calc(100vw - 34px));grid-template-columns:auto auto auto}
  .premium-inner .premium-nav{position:absolute;left:0;right:0;top:78px;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:14px;background:rgba(9,10,12,.97);border:1px solid rgba(255,255,255,.12);border-radius:26px;opacity:0;visibility:hidden;transform:translateY(-10px)}
  .premium-inner.premium-menu-open .premium-nav{opacity:1;visibility:visible;transform:none}
  .premium-inner .premium-menu-toggle{display:flex}
  .hero-service-dock{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(720px,calc(100% - 36px));
    margin:30px auto 0;
    grid-template-columns:1fr;
  }
  .hero-service-dock__lead{display:none}
}
@media(max-width:650px){
  .premium-inner .premium-cta{display:none}
  .premium-inner .premium-nav-shell{grid-template-columns:1fr auto}
  .hero-service-dock{border-radius:20px}
  .hero-service-dock__actions{grid-template-columns:repeat(2,1fr)}
  .hero-dock-action:nth-child(2){border-right:0}
  .hero-dock-action:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}
  .hero-dock-action{min-height:66px}
}


/* ========================================================================== */
/* V6 — FULL-WIDTH HERO SERVICE BAR                                           */
/* The action bar now lives BETWEEN the hero media and Expertise, aligned to   */
/* the full editorial content width instead of floating in the lower-right.    */
/* ========================================================================== */
.hero-service-dock{display:none!important}
body.new-home .premium-hero{
  padding-bottom:48px!important;
}
body.new-home .premium-hero-grid{
  margin-bottom:34px;
}
body.new-home .premium-hero-copy{
  min-height:0!important;
  padding-bottom:0!important;
}
.hero-service-bar{
  --dock-opacity:1;
  --dock-shift:0px;
  position:relative;
  z-index:12;
  width:min(1320px,calc(100% - 96px));
  min-height:94px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(235px,.86fr) minmax(0,3.14fr);
  align-items:stretch;
  border-top:1px solid rgba(255,255,255,.105);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(90deg,rgba(19,21,24,.80),rgba(13,15,18,.57));
  backdrop-filter:blur(24px) saturate(108%);
  -webkit-backdrop-filter:blur(24px) saturate(108%);
  box-shadow:0 16px 48px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.018);
  opacity:var(--dock-opacity);
  transform:translate3d(0,var(--dock-shift),0);
  transition:opacity .14s linear,transform .14s linear,border-color .35s ease,background .35s ease;
  will-change:opacity,transform;
}
.hero-service-bar::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:#a7232c;
  opacity:.92;
}
.hero-service-bar__identity{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:20px 30px 19px 32px;
  border-right:1px solid rgba(255,255,255,.075);
}
.hero-service-bar__identity small{
  color:#9a9da1;
  font:700 .54rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.hero-service-bar__identity strong{
  color:#f0ede7;
  font:500 1.26rem/1.05 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.015em;
}
.hero-service-bar__actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0;
}
.hero-service-link{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:19px 25px 18px;
  border-right:1px solid rgba(255,255,255,.065);
  color:#ede9e3;
  text-decoration:none;
  transition:background .38s ease,color .34s ease,padding .38s cubic-bezier(.22,1,.36,1);
}
.hero-service-link:last-child{border-right:0}
.hero-service-link span{
  color:#f2eee8;
  font:650 .82rem/1.05 "Manrope",Arial,sans-serif;
  letter-spacing:-.018em;
  white-space:nowrap;
}
.hero-service-link small{
  color:#8c9095;
  font:550 .57rem/1.1 "Manrope",Arial,sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
  transition:color .3s ease;
}
.hero-service-link::after{
  content:"";
  position:absolute;
  left:25px;right:25px;bottom:0;
  height:1px;
  background:#a7232c;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}
.hero-service-link:hover{
  background:rgba(255,255,255,.028);
  padding-left:29px;
}
.hero-service-link:hover::after{transform:scaleX(1)}
.hero-service-link:hover small{color:#b2b4b7}
.hero-service-link--primary span{color:#f5dedf}

.hero-expertise-row{
  width:min(1320px,calc(100% - 96px));
  margin:30px auto 0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:34px;
}
body.new-home .hero-expertise-row .hero-lower-accent{
  margin:0!important;
  padding:0!important;
  flex:0 0 auto;
}
body.new-home .hero-expertise-row .hero-meta{
  margin:0!important;
  padding:0!important;
  border:0!important;
  justify-content:flex-end;
  color:#858a91;
}

@media(max-width:1260px){
  .hero-service-bar,.hero-expertise-row{width:calc(100% - 68px)}
  .hero-service-bar{grid-template-columns:205px 1fr}
  .hero-service-bar__identity{padding-left:24px;padding-right:22px}
  .hero-service-link{padding-left:18px;padding-right:18px}
  .hero-service-link::after{left:18px;right:18px}
}
@media(max-width:980px){
  body.new-home .premium-hero-grid{margin-bottom:26px}
  .hero-service-bar{
    width:calc(100% - 36px);
    grid-template-columns:1fr;
  }
  .hero-service-bar__identity{
    min-height:76px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .hero-service-bar__actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-service-link:nth-child(2){border-right:0}
  .hero-service-link:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
  .hero-expertise-row{width:calc(100% - 36px);align-items:flex-start;flex-direction:column;gap:16px;margin-top:25px}
  body.new-home .hero-expertise-row .hero-meta{justify-content:flex-start}
}
@media(max-width:650px){
  .hero-service-bar__identity{padding:17px 19px}
  .hero-service-bar__identity strong{font-size:1.12rem}
  .hero-service-link{min-height:72px;padding:15px 17px}
  .hero-service-link:hover{padding-left:20px}
  .hero-service-link span{font-size:.76rem}
  .hero-service-link small{font-size:.53rem}
  .hero-service-link::after{left:17px;right:17px}
}


/* ========================================================================== 
   V7 — SHOWROOM ENDING: STRONGER 2D→3D + EDITORIAL HOBITEK FOOTER
   ========================================================================== */
body.new-home .morph-gallery{
  height:390vh;
  background:#07090b;
}
body.new-home .morph-gallery__sticky{
  background:
    radial-gradient(circle at 71% 46%,rgba(255,255,255,.052),transparent 25%),
    radial-gradient(circle at 71% 51%,rgba(132,35,42,.045),transparent 39%),
    #07090b;
}
body.new-home .morph-gallery__copy{width:min(31vw,455px)}
body.new-home .morph-gallery__stage{
  right:max(22px,calc((100vw - 1460px)/2));
  width:min(67vw,990px);
  height:min(74vh,720px);
  perspective:1350px;
  perspective-origin:54% 46%;
}
body.new-home .morph-gallery__cube-wrap{
  filter:drop-shadow(0 48px 56px rgba(0,0,0,.46));
}
body.new-home .morph-gallery__cube{--cube-size:min(40vw,610px)}
body.new-home .morph-face{
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 -42px 90px rgba(0,0,0,.18);
}
body.new-home .morph-face::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.075),transparent 18%,transparent 72%,rgba(118,38,42,.045));
  mix-blend-mode:screen;
}
body.new-home .morph-gallery__flat{
  border-radius:30px;
  box-shadow:0 44px 110px rgba(0,0,0,.4);
}
body.new-home .morph-gallery__hint{
  color:rgba(255,255,255,.56);
}

.hobitek-editorial-footer{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:#13110e;
  color:#ece8e1;
  border-top:1px solid rgba(255,255,255,.06);
  padding:92px 0 28px;
}
.hobitek-editorial-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(130,48,45,.045),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%);
}
.hobitek-editorial-footer__inner{
  position:relative;
  width:min(1320px,calc(100% - 96px));
  margin:0 auto;
}
.hobitek-editorial-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.7fr) minmax(260px,.82fr);
  gap:clamp(58px,8vw,132px);
  align-items:start;
  padding-bottom:62px;
}
.hobitek-footer-script{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:2rem;
  line-height:1;
  font-style:italic;
  color:#f4f0e9;
}
.hobitek-footer-intro p{
  max-width:420px;
  margin:22px 0 0;
  color:rgba(236,232,225,.56);
  font:500 .94rem/1.65 "Manrope",Arial,sans-serif;
}
.hobitek-footer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.hobitek-footer-actions a,
.hobitek-footer-route{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  color:#f0ece5;
  text-decoration:none;
  font:700 .7rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.045em;
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.hobitek-footer-actions a:first-child{
  background:#a34843;
  border-color:#a34843;
}
.hobitek-footer-actions a:hover,
.hobitek-footer-route:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.28);
}
.hobitek-footer-nav,
.hobitek-footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
}
.hobitek-footer-nav small,
.hobitek-footer-contact small{
  margin-bottom:4px;
  color:rgba(236,232,225,.36);
  font:700 .58rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.26em;
}
.hobitek-footer-nav a,
.hobitek-footer-contact a:not(.hobitek-footer-route){
  color:rgba(236,232,225,.62);
  text-decoration:none;
  font:500 .86rem/1.35 "Manrope",Arial,sans-serif;
  transition:color .25s ease,transform .25s ease;
}
.hobitek-footer-nav a:hover,
.hobitek-footer-contact a:not(.hobitek-footer-route):hover{
  color:#fff;
  transform:translateX(3px);
}
.hobitek-footer-contact strong{
  font:600 1rem/1.3 "Manrope",Arial,sans-serif;
  color:#f1ede7;
}
.hobitek-footer-contact p{
  max-width:270px;
  margin:0 0 4px;
  color:rgba(236,232,225,.54);
  font:500 .82rem/1.55 "Manrope",Arial,sans-serif;
}
.hobitek-footer-route{margin-top:4px;background:rgba(255,255,255,.025)}
.hobitek-footer-wordmark{
  position:relative;
  margin:12px 0 -20px;
  text-align:center;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-style:normal;
  font-weight:500;
  font-size:clamp(8rem,17vw,17rem);
  line-height:.72;
  letter-spacing:-.065em;
  color:#f4f0e9;
  white-space:nowrap;
  user-select:none;
}
.hobitek-footer-service-name{
  position:relative;
  margin:24px 0 58px;
  text-align:center;
  color:rgba(236,232,225,.38);
  font:700 .61rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.46em;
}
.hobitek-editorial-footer__bottom{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
  min-height:54px;
  padding-top:19px;
  border-top:1px solid rgba(255,255,255,.11);
  color:rgba(236,232,225,.38);
  font:500 .65rem/1.4 "Manrope",Arial,sans-serif;
}
.hobitek-editorial-footer__bottom a{color:inherit;text-decoration:none}
.hobitek-editorial-footer__bottom a:hover{color:#eee9e1}

@media(max-width:1000px){
  .hobitek-editorial-footer__top{grid-template-columns:1fr 1fr;gap:52px 70px}
  .hobitek-footer-intro{grid-column:1/-1}
  body.new-home .morph-gallery__cube{--cube-size:min(47vw,540px)}
}
@media(max-width:760px){
  .hobitek-editorial-footer{padding-top:68px}
  .hobitek-editorial-footer__inner{width:calc(100% - 36px)}
  .hobitek-editorial-footer__top{grid-template-columns:1fr;gap:42px;padding-bottom:44px}
  .hobitek-footer-intro{grid-column:auto}
  .hobitek-footer-wordmark{font-size:27vw;margin:24px 0 -8px}
  .hobitek-footer-service-name{font-size:.5rem;letter-spacing:.32em;margin-bottom:38px}
  .hobitek-editorial-footer__bottom{grid-template-columns:1fr;gap:8px;padding-bottom:8px}
  body.new-home .morph-gallery{height:310vh}
  body.new-home .morph-gallery__stage{height:51svh}
  body.new-home .morph-gallery__cube{--cube-size:min(76vw,390px)}
}


/* ==========================================================================
   V12 — CONTACT / APPOINTMENT: PHOTO-FREE PREMIUM EDITORIAL SYSTEM
   ========================================================================== */
.contact-page{
  background:#090a0d;
}
.contact-page .inner-premium-main{
  overflow:clip;
}
.contact-hero{
  position:relative;
  min-height:92svh;
  padding-top:120px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 32%,rgba(181,72,63,.075),transparent 24%),
    radial-gradient(circle at 72% 72%,rgba(255,255,255,.025),transparent 32%),
    linear-gradient(180deg,#0b0d10 0%,#090a0d 100%);
}
.contact-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 18%,rgba(181,72,63,.33) 50%,rgba(255,255,255,.08) 82%,transparent);
}
.contact-hero__lines{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.contact-hero__lines span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.06) 18%,rgba(255,255,255,.018) 78%,transparent);
  transform-origin:center top;
  animation:contactLineBreath 9s ease-in-out infinite alternate;
}
.contact-hero__lines span:nth-child(1){left:12%;animation-delay:-1.2s}
.contact-hero__lines span:nth-child(2){left:38%;animation-delay:-3.8s}
.contact-hero__lines span:nth-child(3){left:67%;animation-delay:-5.4s}
.contact-hero__lines span:nth-child(4){left:88%;animation-delay:-7.1s}
@keyframes contactLineBreath{
  0%{opacity:.25;transform:scaleY(.72)}
  100%{opacity:.78;transform:scaleY(1)}
}
.contact-hero__ghost{
  position:absolute;
  z-index:0;
  right:-2vw;
  bottom:-6vw;
  color:rgba(255,255,255,.014);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(11rem,26vw,31rem);
  font-style:italic;
  line-height:.72;
  letter-spacing:-.07em;
  user-select:none;
  pointer-events:none;
}
.contact-hero__inner{
  position:relative;
  z-index:2;
  width:min(1320px,calc(100% - 96px));
  min-height:calc(92svh - 120px);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);
  gap:clamp(70px,8vw,135px);
  align-items:center;
}
.contact-hero__copy h1{
  max-width:850px;
  margin:0;
  color:#f3f0eb;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(5rem,8.6vw,9.6rem);
  font-weight:600;
  line-height:.83;
  letter-spacing:-.072em;
}
.contact-hero__copy h1 em{
  display:inline-block;
  margin-top:.04em;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  font-style:italic;
  letter-spacing:-.045em;
}
.contact-hero__copy p{
  max-width:610px;
  margin:31px 0 0;
  color:#969ba1;
  font:500 clamp(.95rem,1.12vw,1.08rem)/1.75 "Manrope",Arial,sans-serif;
}
.contact-enter{
  opacity:0;
  transform:translateY(26px);
  animation:contactEnter .9s cubic-bezier(.22,1,.36,1) forwards;
}
.contact-enter--1{animation-delay:.08s}
.contact-enter--2{animation-delay:.14s}
.contact-enter--3{animation-delay:.20s}
.contact-enter--4{animation-delay:.31s}
.contact-enter--5{animation-delay:.38s}
@keyframes contactEnter{
  to{opacity:1;transform:translateY(0)}
}
.contact-hero__panel{
  align-self:center;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-panel__eyebrow{
  padding:0 0 21px;
  color:#6f757b;
  font:700 .53rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.20em;
}
.contact-panel__row{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  padding:25px 3px;
  border-top:1px solid rgba(255,255,255,.07);
  text-decoration:none;
  color:#ddd9d3;
  overflow:hidden;
  transition:padding .55s cubic-bezier(.22,1,.36,1),color .35s ease;
}
.contact-panel__row::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:#a94c45;
  transform:scaleY(0);
  transform-origin:center;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.contact-panel__row span{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.8rem;
  line-height:1;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.contact-panel__row small{
  align-self:center;
  color:#666d73;
  font:600 .55rem/1.2 "Manrope",Arial,sans-serif;
  letter-spacing:.08em;
  transition:color .35s ease,transform .55s cubic-bezier(.22,1,.36,1);
}
.contact-panel__row:hover{
  padding-left:17px;
  color:#fff;
}
.contact-panel__row:hover::before{transform:scaleY(1)}
.contact-panel__row:hover span{transform:translateX(4px)}
.contact-panel__row:hover small{color:#a6aaae;transform:translateX(-4px)}
.contact-hero__scrollcue{
  position:absolute;
  z-index:3;
  left:max(48px,calc((100vw - 1320px)/2));
  bottom:28px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#555b61;
  font:700 .51rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.22em;
}
.contact-hero__scrollcue span{
  width:44px;
  height:1px;
  background:linear-gradient(90deg,#9c433d,rgba(255,255,255,.12));
  animation:contactCue 2.6s ease-in-out infinite;
}
@keyframes contactCue{
  0%,100%{transform:scaleX(.7);transform-origin:left;opacity:.5}
  50%{transform:scaleX(1);transform-origin:left;opacity:1}
}

.contact-section{
  position:relative;
  background:#0a0c0f;
}
.contact-intro{
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:80px;
  align-items:end;
  margin-bottom:65px;
}
.contact-intro h2{
  margin:14px 0 0;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(3.5rem,6vw,6.6rem);
  line-height:.89;
  letter-spacing:-.058em;
  font-weight:580;
  color:#f2efea;
}
.contact-intro h2 em{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  letter-spacing:-.035em;
}
.contact-intro p{
  max-width:500px;
  margin:0;
  color:#7f858b;
  font-size:.91rem;
  line-height:1.8;
}

.contact-premium-grid--text{
  gap:16px;
}
.contact-premium-grid--text .contact-premium-card{
  position:relative;
  min-height:510px;
  padding:46px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.025),transparent 28%),
    linear-gradient(145deg,#111419,#0e1115);
  transition:
    transform .75s cubic-bezier(.22,1,.36,1),
    border-color .45s ease,
    background .6s ease;
}
.contact-premium-grid--text .contact-premium-card::after{
  content:"";
  position:absolute;
  left:46px;
  right:46px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,#a34a43,rgba(163,74,67,0));
  transform:scaleX(.24);
  transform-origin:left;
  transition:transform .8s cubic-bezier(.22,1,.36,1);
}
.contact-premium-grid--text .contact-premium-card:hover{
  transform:translateY(-8px);
  border-color:rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 92% 12%,rgba(181,72,63,.045),transparent 30%),
    linear-gradient(145deg,#14171b,#0f1216);
}
.contact-premium-grid--text .contact-premium-card:hover::after{transform:scaleX(1)}
.contact-card-number{
  position:absolute;
  right:34px;
  top:28px;
  color:rgba(255,255,255,.055);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:5.2rem;
  line-height:1;
  transition:color .5s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.contact-premium-card:hover .contact-card-number{
  color:rgba(181,72,63,.16);
  transform:translateY(-5px);
}
.contact-premium-grid--text .contact-premium-card h2{
  margin:24px 0 18px;
  font-size:clamp(3rem,4.5vw,4.7rem);
  line-height:.92;
}
.contact-premium-grid--text .contact-premium-card p{
  max-width:470px;
  margin-bottom:45px;
  line-height:1.75;
}
.contact-data-line{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:22px;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.065);
  transition:padding .45s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
.contact-data-line:hover{
  padding-left:8px;
  border-color:rgba(255,255,255,.13);
}
.contact-data-line span{
  color:#5d646b;
  font:700 .53rem/1.35 "Manrope",Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.contact-data-line strong{
  color:#b6b8b9;
  font:600 .72rem/1.5 "Manrope",Arial,sans-serif;
}
.contact-data-line--address strong{max-width:340px}
.contact-text-link{
  display:inline-block;
  margin-top:26px;
  color:#e0ddd8;
  font:700 .64rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.22);
  padding-bottom:7px;
  transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
.contact-text-link:hover{
  transform:translateX(7px);
  border-color:#a94c45;
}

.contact-final{
  position:relative;
  overflow:hidden;
}
.contact-final::before{
  content:"HOBİTEK";
  position:absolute;
  right:-1vw;
  top:50%;
  transform:translateY(-48%);
  color:rgba(255,255,255,.018);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(9rem,20vw,22rem);
  font-style:italic;
  pointer-events:none;
}
.contact-final .inner-cta__box{
  position:relative;
  z-index:1;
  background:rgba(16,18,22,.64);
  backdrop-filter:blur(8px);
}
.contact-final .inner-cta__box.reveal.in-view h2,
.contact-final .inner-cta__box.reveal.in-view p{
  animation:contactFinalText .8s cubic-bezier(.22,1,.36,1) both;
}
.contact-final .inner-cta__box.reveal.in-view p{animation-delay:.11s}
@keyframes contactFinalText{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

/* Scroll-reveal feels more deliberate on the contact page. */
.contact-page .reveal{
  opacity:0;
  transform:translateY(42px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);
}
.contact-page .reveal.in-view{
  opacity:1;
  transform:translateY(0);
}
.contact-page .contact-premium-card:nth-child(2){transition-delay:.08s}

/* Subtle type motion on hover across this page. */
.contact-page h2,
.contact-page .home-kicker,
.contact-page .contact-data-line strong{
  transition:letter-spacing .45s ease,color .35s ease,transform .55s cubic-bezier(.22,1,.36,1);
}
.contact-page h2:hover{letter-spacing:-.035em}
.contact-page .home-kicker:hover{color:#b66a63;letter-spacing:.21em}
.contact-page .contact-data-line:hover strong{color:#f0ede8;transform:translateX(3px)}

@media(max-width:1000px){
  .contact-hero__inner{grid-template-columns:1fr;gap:52px;padding:80px 0 110px}
  .contact-hero__panel{max-width:660px}
  .contact-intro{grid-template-columns:1fr;gap:30px}
}
@media(max-width:760px){
  .contact-hero{padding-top:96px;min-height:auto}
  .contact-hero__inner{
    width:calc(100% - 36px);
    min-height:auto;
    padding:74px 0 96px;
  }
  .contact-hero__copy h1{font-size:clamp(3.9rem,18vw,6.2rem)}
  .contact-hero__copy p{font-size:.9rem}
  .contact-hero__panel{margin-top:12px}
  .contact-panel__row{padding:21px 2px}
  .contact-panel__row span{font-size:1.55rem}
  .contact-panel__row small{text-align:right;font-size:.5rem}
  .contact-hero__scrollcue{left:18px;bottom:18px}
  .contact-intro{margin-bottom:40px}
  .contact-intro h2{font-size:clamp(3rem,14vw,4.7rem)}
  .contact-premium-grid--text .contact-premium-card{
    min-height:0;
    padding:34px 25px 42px;
  }
  .contact-premium-grid--text .contact-premium-card::after{left:25px;right:25px}
  .contact-card-number{right:20px;top:20px;font-size:4.2rem}
  .contact-data-line{grid-template-columns:80px 1fr;gap:14px}
}
@media(prefers-reduced-motion:reduce){
  .contact-enter,
  .contact-hero__lines span,
  .contact-hero__scrollcue span{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* V13 Safari local-file fail-safe */
@supports (-webkit-touch-callout:none){
  body{opacity:1}
}

/* Desktop Safari sticky containment hardening.
   Keep vertical ancestors overflow-visible; clip only decorative descendants. */
@supports (-webkit-appearance:none){
  body.new-home .premium-main{overflow:visible!important}
  body.new-home .mechanical-showroom{overflow:visible!important}
  body.new-home .mechanical-showroom__sticky{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
  }
}

/* V16 safety: main content is always recoverable if intro JS ever fails. */
body.new-home{opacity:1!important}