/* Annsca Redesign — homepage */
body.ar-home{margin:0;background:var(--ar-sand);color:var(--ar-text);font:400 16px/1.6 var(--ar-sans)}
.ar-home *,.ar-home *:before,.ar-home *:after{box-sizing:border-box}
.ar-home h1,.ar-home h2,.ar-home h3,.ar-home p{margin:0}
.ar-home a{color:inherit;text-decoration:none}
.ar-home img{max-width:100%;display:block}

/* Hero */
.ar-hero{position:relative;height:100vh;min-height:760px;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.ar-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--ar-ink);animation:ar-kb 22s ease-out forwards;transform-origin:60% 40%}
@keyframes ar-kb{from{transform:scale(1.14)}to{transform:scale(1)}}
.ar-hero__sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,28,.88) 0%,rgba(8,18,28,.55) 50%,rgba(8,18,28,.2) 100%),linear-gradient(0deg,rgba(8,18,28,.95) 0%,rgba(8,18,28,0) 45%)}
.ar-hero__in{position:relative;width:100%;padding-top:130px;padding-bottom:56px}
.ar-hero h1{font-size:clamp(44px,6.2vw,92px);line-height:1;max-width:1000px;margin:26px 0 30px;font-weight:400;color:#fff}
.ar-hero h1 em{color:var(--ar-green-l);font-style:italic}
.ar-ln{display:block;overflow:hidden;padding-bottom:.06em}
.ar-ln>span{display:block;transform:translateY(105%);animation:ar-up 1.1s var(--ar-ease) forwards}
.ar-ln:nth-child(2)>span{animation-delay:.12s}.ar-ln:nth-child(3)>span{animation-delay:.24s}.ar-ln:nth-child(4)>span{animation-delay:.36s}
@keyframes ar-up{to{transform:none}}
.ar-fade{opacity:0;animation:ar-fd 1.2s .6s ease forwards}
@keyframes ar-fd{to{opacity:1}}
.ar-hero p{max-width:540px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.75);font-weight:300}
.ar-hero__cta{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}
.ar-hero__meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:80px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ar-scroll{display:flex;align-items:center;gap:12px}
.ar-scroll b{width:1px;height:40px;background:linear-gradient(var(--ar-green),transparent);animation:ar-sl 2s infinite}
@keyframes ar-sl{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Intro */
.ar-intro{padding:150px 0 130px}
.ar-g2{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.ar-intro h2{font-size:clamp(38px,4.4vw,62px);line-height:1.06;color:var(--ar-navy);margin:24px 0 32px}
.ar-intro h2 em,.ar-tech h2 em{font-style:italic}
.ar-intro h2 em{color:var(--ar-green-d)}
.ar-intro p{color:var(--ar-mute);font-size:17px;line-height:1.85;margin-bottom:20px;max-width:520px}
.ar-intro .ar-btn{margin-top:18px}
.ar-pic{position:relative}
.ar-pic__a{aspect-ratio:4/5;background-size:cover;background-position:center}
.ar-pic__b{position:absolute;left:-60px;bottom:-50px;width:52%;aspect-ratio:1;background-size:cover;background-position:center;border:10px solid var(--ar-sand)}
.ar-pic__tag{position:absolute;top:36px;right:-24px;background:var(--ar-navy);color:#fff;padding:22px 26px;max-width:220px}
.ar-pic__tag b{display:block;font:500 44px/1 var(--ar-serif);color:#a3d067}
.ar-pic__tag span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}

/* Stats */
.ar-stats{background:var(--ar-navy);color:#fff}
.ar-stats__in{display:grid;grid-template-columns:repeat(4,1fr)}
.ar-stats__in>div{padding:64px 32px;border-left:1px solid rgba(255,255,255,.08)}
.ar-stats__in>div:first-child{border-left:0;padding-left:0}
.ar-stats b{display:block;font:400 68px/1 var(--ar-serif);color:#fff}
.ar-stats b em{font-style:normal}
.ar-stats b sup{font-size:.45em;color:var(--ar-green);vertical-align:top;margin-left:4px}
.ar-stats span{display:block;margin-top:14px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55)}

/* Section heads */
.ar-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px}
.ar-hd h2{font-size:clamp(36px,4vw,56px);line-height:1.06;margin-top:20px}
.ar-hd p{max-width:400px;line-height:1.75}

/* Focus */
.ar-focus{padding:130px 0}
.ar-focus h2{color:var(--ar-navy)}
.ar-focus .ar-hd p{color:#5a6573}
.ar-fl{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ar-line)}
.ar-fl>div{padding:34px 30px 10px 0;border-right:1px solid var(--ar-line);margin-right:30px}
.ar-fl>div:last-child{border-right:0;margin-right:0}
.ar-fl small{font:400 18px var(--ar-serif);color:#6fa832}
.ar-fl h3{font:500 28px/1.15 var(--ar-serif);color:var(--ar-navy);margin:10px 0 12px}
.ar-fl p{font-size:14.5px;color:#5a6573;line-height:1.7}

/* Divisions */
.ar-div{background:var(--ar-ink);color:#fff;padding:140px 0}
.ar-div .ar-hd p{color:rgba(255,255,255,.6)}
.ar-rows{border-top:1px solid rgba(255,255,255,.1)}
.ar-row{display:grid;grid-template-columns:90px 1.1fr 1fr 160px;gap:40px;align-items:center;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.ar-row__n{font:400 22px var(--ar-serif);color:var(--ar-green)}
.ar-row h3{font:400 clamp(34px,3.6vw,52px)/1 var(--ar-serif);transition:color .3s}
.ar-row p{color:rgba(255,255,255,.62);font-size:15px;line-height:1.75}
.ar-row__im{position:absolute;right:190px;top:50%;width:300px;aspect-ratio:4/3;background-size:cover;background-position:center;opacity:0;transform:translateY(-50%) scale(.92) rotate(-2deg);transition:all .45s var(--ar-ease);pointer-events:none;z-index:2;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.ar-row__go{justify-self:end;width:64px;height:64px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-size:20px;transition:all .3s}
.ar-row:hover .ar-row__go{background:var(--ar-green);border-color:var(--ar-green);color:var(--ar-ink)}
.ar-row:hover h3{color:var(--ar-green-l)}
@media(hover:hover){.ar-row:hover .ar-row__im{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}

/* Technology */
.ar-tech{position:relative;color:#fff;padding:160px 0;overflow:hidden}
.ar-tech__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.3)}
.ar-tech__sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,28,.96) 30%,rgba(8,18,28,.6))}
.ar-tech__in{position:relative}
.ar-tech h2{font-size:clamp(40px,5vw,72px);line-height:1.02;max-width:760px;margin:24px 0 30px;color:#fff}
.ar-tech h2 em{color:var(--ar-green-l)}
.ar-tech p{max-width:560px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.8}
.ar-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px;max-width:980px}
.ar-pts>div{border-top:1px solid rgba(163,208,103,.5);padding-top:20px}
.ar-pts b{display:block;font:500 24px var(--ar-serif);margin-bottom:8px}
.ar-pts span{font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.7}

/* Featured project */
.ar-proj{padding:140px 0}
.ar-proj__card{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;box-shadow:0 40px 80px -40px rgba(13,24,36,.35)}
.ar-proj__im{min-height:540px;background-size:cover;background-position:center}
.ar-proj__tx{padding:70px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.ar-proj h2{font-size:clamp(36px,3.6vw,52px);line-height:1.04;color:var(--ar-navy);margin:22px 0 10px}
.ar-proj__loc{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8a93a0;margin-bottom:26px}
.ar-proj p{color:var(--ar-mute);line-height:1.8;margin-bottom:34px}

@media(max-width:1100px){
	.ar-fl{grid-template-columns:1fr 1fr}
	.ar-fl>div{border-right:0;margin-right:0;padding-right:20px}
	.ar-row{grid-template-columns:60px 1fr 64px;row-gap:14px}
	.ar-row p{grid-column:2/4;grid-row:2}
	.ar-row__go{grid-row:1;grid-column:3}
	.ar-row__im{display:none}
}
@media(max-width:860px){
	.ar-hero{min-height:680px}
	.ar-hero__meta span:first-child{display:none}
	.ar-intro,.ar-focus,.ar-proj{padding:90px 0}
	.ar-div,.ar-tech{padding:100px 0}
	.ar-g2,.ar-proj__card{grid-template-columns:1fr}
	.ar-g2{gap:90px}
	.ar-pic__b{left:-10px}.ar-pic__tag{right:0}
	.ar-stats__in{grid-template-columns:1fr 1fr}
	.ar-stats__in>div{padding:40px 16px;border-left:0}
	.ar-stats__in>div:first-child{padding-left:16px}
	.ar-stats b{font-size:52px}
	.ar-hd{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:48px}
	.ar-pts{grid-template-columns:1fr;gap:28px}
	.ar-proj__tx{padding:44px 28px}
	.ar-proj__im{min-height:300px}
	.ar-fl{grid-template-columns:1fr}
}