.a2-page-hero{position:relative;overflow:hidden}.a2-page-hero .a2-page-hero-inner{position:relative;z-index:2}.a2-page-hero .a2-hero-mark{transition:none}
.a2-hero-sales{background:linear-gradient(90deg,#e7eee9 0 68%,#16382f 68% 100%)}.a2-hero-sales:after{content:"";position:absolute;right:4%;top:16%;width:26%;height:70%;background:radial-gradient(circle at 20% 28%,transparent 0 7px,rgba(255,255,255,.22) 8px 9px,transparent 10px),radial-gradient(circle at 70% 46%,transparent 0 6px,rgba(255,255,255,.18) 7px 8px,transparent 9px),linear-gradient(28deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%)}.a2-hero-sales .a2-hero-mark{border-color:rgba(255,255,255,.24);color:#fff}.a2-hero-sales .a2-hero-mark span,.a2-hero-sales .a2-hero-mark small{color:#fff}
.a2-hero-supply{background:#f4eee2}.a2-hero-supply:after{content:"";position:absolute;right:0;bottom:0;width:38%;height:78%;opacity:.48;background:linear-gradient(to top,rgba(22,55,47,.14) 1px,transparent 1px) 0 100%/100% 44px,linear-gradient(90deg,transparent 0 14%,rgba(22,55,47,.11) 14% 15%,transparent 15% 34%,rgba(22,55,47,.11) 34% 35%,transparent 35% 55%,rgba(22,55,47,.11) 55% 56%,transparent 56%)}.a2-hero-supply .a2-hero-mark{border:1px solid #b89a68;background:rgba(255,255,255,.4);border-radius:0;transform:translateY(18px)}
.a2-hero-market{background:#15392f;color:#fff}.a2-hero-market h1,.a2-hero-market .a2-page-lead{color:#fff}.a2-hero-market .a2-eyebrow{color:#d3ae70}.a2-hero-market:before{content:"";position:absolute;inset:auto -8% -45% auto;width:560px;height:560px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}.a2-hero-market .a2-hero-mark{border-color:#b88a45;color:#fff;background:transparent}
.a2-hero-process{background:#fbfaf7}.a2-hero-process:after{content:"01   02   03   04   05   06";position:absolute;left:6%;right:6%;bottom:24px;font-size:clamp(2.6rem,7vw,7rem);font-weight:300;letter-spacing:.06em;color:rgba(22,55,47,.055);white-space:nowrap}.a2-hero-process .a2-page-hero-inner{grid-template-columns:1.25fr .75fr}.a2-hero-process .a2-hero-mark{border-radius:50%;width:220px;height:220px;justify-content:center;text-align:center}
.a2-hero-cases{background:#ece8df}.a2-hero-cases:before,.a2-hero-cases:after{content:"";position:absolute;right:8%;top:18%;width:260px;height:330px;border:1px solid rgba(22,55,47,.18);background:rgba(255,255,255,.45)}.a2-hero-cases:before{transform:rotate(-5deg) translate(-28px,18px)}.a2-hero-cases:after{transform:rotate(3deg)}.a2-hero-cases .a2-hero-mark{position:relative;z-index:3;border-radius:0;background:#fff;box-shadow:0 16px 40px rgba(22,55,47,.08)}
.a2-hero-models{background:#fff}.a2-hero-models:after{content:"01\A02\A03\A04";white-space:pre;position:absolute;right:8%;top:20%;font-size:3rem;line-height:1.5;font-weight:300;color:rgba(22,55,47,.13);padding-left:28px;border-left:1px solid #c58b2b}.a2-hero-models .a2-hero-mark{border-radius:0;border-left:4px solid #c58b2b}
.a2-hero-about{background:#eadfcb}.a2-hero-about:before{content:"ALİVA";position:absolute;right:-1%;bottom:-18%;font-size:clamp(8rem,22vw,22rem);font-weight:800;letter-spacing:-.08em;color:rgba(22,55,47,.045)}.a2-hero-about .a2-hero-mark{border:0;background:transparent;align-items:flex-start;text-align:left;padding:0}
.a2-hero-ethics{background:#fafafa;border-top:1px solid #dce2dd;border-bottom:1px solid #dce2dd}.a2-hero-ethics .a2-page-hero-inner{padding-left:34px;border-left:5px solid #173a31}.a2-hero-ethics .a2-hero-mark{border:1px dashed #8b9c94;border-radius:50%;transform:rotate(-7deg)}
.a2-hero-contact{background:linear-gradient(90deg,#15392f 0 48%,#f2eadc 48%)}.a2-hero-contact h1,.a2-hero-contact .a2-eyebrow,.a2-hero-contact .a2-page-lead{color:#fff}.a2-hero-contact .a2-page-hero-inner{grid-template-columns:1fr 1fr}.a2-hero-contact .a2-hero-mark{margin-left:auto;background:#f7f2e8;border:0;border-radius:0;color:#173a31;box-shadow:18px 18px 0 rgba(197,139,43,.22)}
@media(max-width:900px){.a2-hero-sales{background:#e7eee9}.a2-hero-contact{background:#15392f}.a2-hero-contact .a2-page-hero-inner,.a2-hero-process .a2-page-hero-inner{grid-template-columns:1fr}.a2-hero-sales:after,.a2-hero-supply:after,.a2-hero-cases:before,.a2-hero-cases:after,.a2-hero-models:after{opacity:.22}.a2-page-hero .a2-hero-mark{display:none}.a2-hero-process:after{font-size:2.2rem;bottom:10px}}
