:root{
  --header-height:92px;
  --header-compact:76px;
  --header-shell:1520px;
  --demirler-orange:#d63b12;
  --demirler-charcoal:#25333a;
  --transition-fast:180ms ease;
  --transition-base:260ms cubic-bezier(.22,.61,.36,1)
}
.site-header{
  height:var(--header-height);
  position:sticky;
  top:0;
  z-index:100;
  background:#f6f3ed;
  border-bottom:1px solid rgba(37,51,58,.16);
  box-shadow:none;
  transition:height .22s ease,background-color .22s ease
}
.site-header.is-scrolled{
  height:var(--header-compact);
  background:rgba(246,243,237,.98)
}
.header-inner{
  max-width:var(--header-shell);
  height:100%;
  margin-inline:auto;
  padding-inline:clamp(20px,3vw,48px);
  display:grid;
  grid-template-columns:minmax(220px,280px) 1fr auto;
  align-items:center;
  gap:clamp(22px,2.5vw,46px)
}
.brand{
  display:block;
  width:clamp(220px,17vw,272px)
}
.brand img{
  width:100%;
  height:auto
}
.site-nav{
  align-self:stretch;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:clamp(18px,1.7vw,30px)
}
.site-nav>a,.site-nav .nav-product-link{
  display:flex;
  align-items:center;
  height:100%;
  padding:0;
  border:0;
  font-size:14px;
  font-weight:600;
  line-height:1;
  color:var(--demirler-charcoal);
  white-space:nowrap;
  transition:color .18s ease
}
.site-nav>a:hover,.site-nav>a:focus-visible,.nav-product-link:hover,.nav-product-link:focus-visible{
  color:var(--demirler-orange);
  border-color:transparent
}
.nav-product-item{
  height:100%;
  display:flex;
  align-items:center
}
.nav-product-link{
  font-weight:600
}
.nav-product-link span{
  width:5px;
  height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
  margin:-3px 0 0 7px;
  transition:transform var(--transition-fast)
}
.nav-product-item:hover .nav-product-link span,.nav-product-item:focus-within .nav-product-link span{
  transform:translateY(2px) rotate(225deg)
}
.product-mega{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:#f6f3ed;
  border-top:1px solid rgba(37,51,58,.12);
  border-bottom:1px solid rgba(37,51,58,.18);
  transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s
}
.nav-product-item:hover .product-mega,.nav-product-item:focus-within .product-mega{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:none
}
.product-mega-inner{
  max-width:var(--header-shell);
  margin:auto;
  padding:34px clamp(20px,3vw,48px) 38px;
  display:grid;
  grid-template-columns:repeat(5,minmax(120px,1fr)) auto;
  gap:clamp(24px,3vw,52px)
}
.product-mega-inner>div{
  display:flex;
  flex-direction:column;
  gap:9px
}
.product-mega p{
  margin:0 0 7px;
  color:var(--demirler-orange);
  font-size:12px;
  font-weight:700
}
.product-mega a{
  font-size:14px;
  font-weight:500;
  color:var(--demirler-charcoal)
}
.product-mega a:hover,.product-mega a:focus-visible{
  color:var(--demirler-orange)
}
.product-mega .mega-all{
  align-self:end;
  justify-self:end;
  border-bottom:1px solid currentColor;
  padding-bottom:4px;
  font-weight:700
}
.header-actions{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:13px
}
.search-trigger{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  background:transparent
}
.search-trigger:hover,.search-trigger:focus-visible{
  border:0;
  color:var(--demirler-orange)
}
.search-icon{
  position:relative;
  display:block;
  width:18px;
  height:18px;
  border:2px solid currentColor;
  border-radius:50%
}
.search-icon:after{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  background:currentColor;
  right:-5px;
  bottom:-2px;
  transform:rotate(45deg);
  transform-origin:left center
}
.header-cta{
  min-height:42px;
  padding:0 18px;
  border-radius:2px;
  background:var(--demirler-orange);
  border-color:var(--demirler-orange);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em
}
.header-cta:hover,.header-cta:focus-visible{
  background:var(--demirler-charcoal);
  border-color:var(--demirler-charcoal)
}
.nav-toggle{
  display:none
}
.hero-corporate{
  height:clamp(720px,calc(100vh - var(--header-height)),850px);
  min-height:720px;
  display:grid;
  grid-template-rows:minmax(0,1fr) 84px;
  background:#f3f0e9;
  border-bottom:1px solid rgba(37,51,58,.16);
  overflow:clip
}
.hero-stage{
  position:relative;
  isolation:isolate;
  min-height:0;
  background:#f3f0e9
}
.hero-stage:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:56%;
  background:#f3f0e9;
  clip-path:polygon(0 0,100% 0,84% 100%,0 100%)
}
.hero-content{
  position:relative;
  z-index:5;
  width:55%;
  height:100%;
  padding:clamp(64px,8vh,106px) 20px 54px max(24px,calc((100vw - 1520px)/2 + 48px));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:transparent
}
.hero-content:after{
  display:none
}
.hero-eyebrow{
  margin:0 0 24px;
  padding-left:18px;
  border-left:4px solid var(--demirler-orange);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--demirler-charcoal)
}
.hero-corporate h1{
  margin:0;
  font-size:clamp(56px,3.8vw,73px);
  font-weight:650;
  line-height:.95;
  letter-spacing:-.055em;
  color:var(--demirler-charcoal)
}
.hero-corporate h1 span{
  display:block;
  white-space:nowrap
}
.hero-corporate .hero-title-accent{
  color:var(--demirler-orange)
}
.hero-corporate .hero-intro{
  max-width:535px;
  margin:30px 0 32px;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.6;
  color:#435057
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:28px
}
.hero-primary{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-height:52px;
  padding:0 22px;
  background:var(--demirler-charcoal);
  color:#fff;
  border:1px solid var(--demirler-charcoal);
  border-radius:2px;
  font-size:14px;
  font-weight:700;
  transition:background .18s,border-color .18s
}
.hero-primary:hover,.hero-primary:focus-visible{
  background:var(--demirler-orange);
  border-color:var(--demirler-orange);
  color:#fff
}
.hero-primary span{
  font-size:20px;
  font-weight:400
}
.hero-secondary{
  padding:8px 0 5px;
  border-bottom:1px solid var(--demirler-charcoal);
  font-size:14px;
  font-weight:700
}
.hero-secondary:hover,.hero-secondary:focus-visible{
  color:var(--demirler-orange);
  border-color:var(--demirler-orange)
}
.hero-visual{
  position:absolute;
  z-index:1;
  inset:0 0 0 auto;
  width:64%;
  height:100%;
  margin:0;
  background:#8a6b50;
  overflow:hidden
}
.hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.hero-discovery{
  position:relative;
  z-index:4;
  background:var(--demirler-charcoal);
  color:#fff
}
.hero-discovery-inner{
  max-width:var(--header-shell);
  height:100%;
  margin:auto;
  padding-inline:clamp(24px,3vw,48px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:clamp(28px,3vw,52px)
}
.hero-discovery strong{
  font-size:11px;
  letter-spacing:.12em;
  color:#f6a184;
  white-space:nowrap
}
.hero-discovery-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(18px,2vw,34px)
}
.hero-discovery a{
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  text-transform:uppercase;
  transition:color .18s
}
.hero-discovery a:hover,.hero-discovery a:focus-visible{
  color:#f27850
}
.hero-discovery-all{
  display:flex;
  gap:12px;
  align-items:center
}
.hero-discovery-all span{
  font-size:18px
}
@media(max-width:1250px){
  .header-inner{
    grid-template-columns:220px 1fr auto;
    gap:22px
  }
  .brand{
    width:220px
  }
  .site-nav{
    gap:18px
  }
  .site-nav>a,.site-nav .nav-product-link{
    font-size:13px
  }
  .hero-stage:before{
    width:59%
  }
  .hero-content{
    width:58%;
    padding-left:36px
  }
  .hero-corporate h1{
    font-size:clamp(50px,4.5vw,56px)
  }
  .hero-visual{
    width:64%
  }
  .hero-discovery-links{
    gap:18px
  }
  .hero-discovery a{
    font-size:11px
  }
}
@media(max-width:1080px){
  :root{
    --header-height:78px
  }
  .site-header,.site-header.is-scrolled{
    height:var(--header-height)
  }
  .header-inner{
    grid-template-columns:1fr auto auto;
    gap:15px;
    padding-inline:20px
  }
  .brand{
    width:clamp(176px,28vw,220px)
  }
  .header-actions{
    grid-column:2
  }
  .header-actions .search-trigger{
    display:none
  }
  .header-cta{
    min-height:40px;
    padding-inline:14px
  }
  .nav-toggle{
    grid-column:3;
    display:flex;
    position:relative;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    background:transparent;
    align-items:center;
    justify-content:center
  }
  .nav-toggle>span:not(.visually-hidden){
    position:absolute;
    width:23px;
    height:2px;
    background:var(--demirler-charcoal);
    transition:transform .18s,top .18s
  }
  .nav-toggle>span:first-child{
    top:16px
  }
  .nav-toggle>span:nth-child(2){
    top:24px
  }
  .nav-toggle[aria-expanded=true]>span:first-child{
    top:21px;
    transform:rotate(45deg)
  }
  .nav-toggle[aria-expanded=true]>span:nth-child(2){
    top:21px;
    transform:rotate(-45deg)
  }
  .site-nav{
    display:none;
    position:fixed;
    top:var(--header-height);
    left:0;
    right:0;
    bottom:0;
    height:auto;
    padding:24px 20px 42px;
    background:#f3f0e9;
    overflow-y:auto;
    align-items:stretch;
    justify-content:flex-start;
    flex-direction:column;
    gap:0;
    border-top:1px solid rgba(37,51,58,.14)
  }
  .site-nav.open{
    display:flex
  }
  .site-nav>a,.site-nav .nav-product-link{
    height:auto;
    min-height:56px;
    border-bottom:1px solid rgba(37,51,58,.16);
    font-size:18px
  }
  .nav-product-item{
    height:auto;
    display:block
  }
  .nav-product-link span{
    display:none
  }
  .product-mega{
    display:none
  }
  .nav-open{
    overflow:hidden
  }
  .hero-corporate{
    height:auto;
    min-height:0;
    display:block;
    overflow:visible
  }
  .hero-stage{
    display:flex;
    flex-direction:column
  }
  .hero-stage:before{
    display:none
  }
  .hero-content{
    order:1;
    width:100%;
    height:auto;
    padding:64px 24px 52px;
    background:#f3f0e9
  }
  .hero-content:after{
    display:none
  }
  .hero-visual{
    order:2;
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:16/10
  }
  .hero-corporate h1{
    font-size:clamp(48px,8vw,72px)
  }
  .hero-discovery{
    order:3
  }
  .hero-discovery-inner{
    height:auto;
    min-height:84px;
    padding-block:24px;
    grid-template-columns:auto 1fr;
    gap:18px 28px
  }
  .hero-discovery-links{
    grid-column:1/-1;
    grid-row:2;
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:4px
  }
  .hero-discovery-all{
    justify-self:end
  }
}
@media(max-width:620px){
  .header-inner{
    gap:10px;
    padding-inline:16px
  }
  .brand{
    width:clamp(142px,42vw,184px)
  }
  .header-cta{
    min-height:36px;
    padding-inline:11px;
    font-size:10px
  }
  .nav-toggle{
    width:38px;
    height:38px
  }
  .hero-content{
    padding:48px 20px 42px
  }
  .hero-eyebrow{
    margin-bottom:20px;
    font-size:10px
  }
  .hero-corporate h1{
    font-size:clamp(42px,12vw,58px);
    line-height:.97
  }
  .hero-corporate h1 span{
    white-space:normal
  }
  .hero-corporate .hero-intro{
    margin:24px 0 28px;
    font-size:16px
  }
  .hero-actions{
    width:100%;
    align-items:flex-start;
    gap:20px;
    flex-direction:column
  }
  .hero-primary{
    width:100%
  }
  .hero-visual{
    aspect-ratio:4/3
  }
  .hero-visual img{
    object-position:58% center
  }
  .hero-discovery-inner{
    grid-template-columns:1fr auto;
    padding-inline:20px
  }
  .hero-discovery-links{
    gap:24px
  }
  .hero-discovery a{
    font-size:11px
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header,.product-mega,.site-nav a,.header-cta,.hero-primary{
    transition:none
  }
}