@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter:wght@400;500;600&family=Playfair+Display:ital@0;1&display=swap');:root{--ink:#101713;--paper:#f3f2ec;--muted:#70766f;--line:#1017132a;--green:#10271f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial}a{text-decoration:none;color:inherit;cursor:pointer}header{height:80px;padding:0 4vw;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:#f3f2ecee;border-bottom:1px solid var(--line)}.logo{font:500 19px "Playfair Display";letter-spacing:.17em}.logo span{font:7px "DM Mono";margin-left:7px;letter-spacing:.14em}nav{display:flex;gap:28px;margin:auto}header nav a,header>.contact{font:8px "DM Mono";letter-spacing:.13em;text-transform:uppercase}header nav .active{border-bottom:1px solid;padding-bottom:5px}header button{display:none}.hero{height:calc(100vh - 80px);min-height:680px;position:relative;color:#fff;overflow:hidden}.hero video{width:100%;height:100%;object-fit:cover}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 65%),linear-gradient(0deg,#0008,transparent 50%)}.hero-copy{position:absolute;left:7vw;bottom:10vw;max-width:800px}.hero-copy small,.hero-meta,.hero-copy p,.pagehead small,.contact-page small,.careers small{font:8px "DM Mono";letter-spacing:.17em}.hero h1{font-size:clamp(72px,9vw,140px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin:25px 0}.hero h1 em,.pagehead h1 em,h2 em,.careers h2 em,.contact-page h2 em{font-family:"Playfair Display";font-weight:400}.hero-copy p{font:14px Inter;letter-spacing:0;max-width:470px;line-height:1.6}.button{display:inline-block;background:#fff;color:#111;padding:16px 20px;font:8px "DM Mono";letter-spacing:.13em;text-transform:uppercase;margin-top:15px}.hero-meta{position:absolute;top:30px;left:4vw;right:4vw;display:flex;justify-content:space-between}.intro,.businesses,.impact,.projects,.insights{padding:10vw 7vw}.label{font:8px "DM Mono";letter-spacing:.16em;color:var(--muted)}.intro{display:grid;grid-template-columns:.5fr 1.5fr}.intro h2,.impact h2,.projects h2,.insights h2{font-size:clamp(58px,7vw,105px);line-height:.85;letter-spacing:-.075em;font-weight:500;margin:0}.intro p{max-width:520px;color:var(--muted);line-height:1.75;font-size:16px;margin:40px 0}.line{font:8px "DM Mono";letter-spacing:.13em;border-bottom:1px solid;padding-bottom:6px;text-transform:uppercase}.businesses>div:last-child{margin-left:31%}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.business-grid article img{width:100%;height:420px;object-fit:cover}.business-grid span,.business-grid p{color:var(--muted);font:8px "DM Mono";letter-spacing:.12em}.business-grid h3{font:40px "Playfair Display";font-weight:400;margin:15px 0}.business-grid p{font-family:Inter;letter-spacing:0;font-size:13px;line-height:1.6}.numbers{padding:7vw;display:grid;grid-template-columns:repeat(4,1fr);background:#17221d;color:#f3f2ec}.numbers b{font-size:clamp(42px,5vw,72px);font-weight:500;letter-spacing:-.06em}.numbers span{display:block;color:#9ba29b;font:8px "DM Mono";letter-spacing:.14em;margin-top:10px;text-transform:uppercase}.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px}.feature img{width:100%;height:100%;object-fit:cover}.feature>div{padding:8vw 6vw;background:#dfe3df;display:flex;flex-direction:column;justify-content:center}.feature small{font:8px "DM Mono";letter-spacing:.14em}.feature h2{font-size:clamp(50px,5.5vw,82px);line-height:.88;letter-spacing:-.065em;font-weight:500}.feature p{max-width:480px;color:var(--muted);line-height:1.7}.impact{display:grid;grid-template-columns:.5fr 1.5fr;background:#e3e2dc}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);margin-top:80px;padding-top:30px}.impact-grid b{font:8px "DM Mono";color:var(--muted)}.impact-grid h3{font-size:28px;font-weight:500;margin:55px 0 15px}.impact-grid p{font-size:13px;color:var(--muted);line-height:1.6}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:60px}.project-row img{width:100%;height:400px;object-fit:cover}.project-row span{display:block;font:8px "DM Mono";color:var(--muted);letter-spacing:.13em;margin-top:18px}.project-row h3{font:400 32px "Playfair Display";margin:12px 0}.insight-list{margin-top:60px;border-top:1px solid var(--line)}.insight-list a{display:grid;grid-template-columns:.3fr 1fr 30px;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.insight-list span{font:8px "DM Mono";color:var(--muted);letter-spacing:.12em}.insight-list b{font-size:24px;font-weight:400;letter-spacing:-.03em}.careers{padding:10vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#dfe6e7}.careers h2{font-size:clamp(65px,8vw,120px);line-height:.8;letter-spacing:-.08em;font-weight:500}.careers p{font-size:17px;line-height:1.7;color:var(--muted);max-width:500px;margin-top:80px}.dark{background:#111713;color:#fff}.contact-page{padding:11vw 7vw;background:#111713;color:#f3f2ec}.contact-page h2{font-size:clamp(75px,9vw,140px);line-height:.78;letter-spacing:-.08em;font-weight:500;margin:30px 0 60px}.contact-page>a{font:10px "DM Mono";letter-spacing:.12em;border-bottom:1px solid #fff6;padding-bottom:8px}.pagehead{padding:11vw 7vw 8vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:7vw}.pagehead h1{grid-column:2;font-size:clamp(72px,9vw,135px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin:0}.pagehead>p{grid-column:2;max-width:600px;color:var(--muted);font-size:17px;line-height:1.7}.business-full article{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px}.business-full article:nth-child(even){background:#17221d;color:#f3f2ec}.business-full img{width:100%;height:100%;min-height:650px;object-fit:cover}.business-full article div{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.business-full h2{font-size:clamp(60px,7vw,100px);letter-spacing:-.07em;font-weight:500;margin:30px 0 15px}.business-full p{max-width:450px;line-height:1.7;color:var(--muted)}.impact-detail{display:grid;grid-template-columns:repeat(3,1fr);background:#e3e2dc}.impact-detail>div{padding:8vw 5vw;min-height:450px;border-right:1px solid var(--line)}.impact-detail b{font:8px "DM Mono";color:var(--muted)}.impact-detail h2{font-size:36px;line-height:.95;margin-top:100px;font-weight:500}.impact-detail p{color:var(--muted);line-height:1.6}.project-gallery{padding:0 7vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:70px 35px}.project-gallery article:last-child{grid-column:1/-1}.project-gallery img{width:100%;height:500px;object-fit:cover}.project-gallery small,.insight-page small{font:8px "DM Mono";color:var(--muted);letter-spacing:.13em;display:block;margin-top:18px}.project-gallery h2{font-size:40px;font-weight:500;margin:12px 0}.project-gallery p{color:var(--muted)}.insight-page{padding:0 7vw 10vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.insight-page img{width:100%;height:350px;object-fit:cover}.insight-page h2{font:400 30px "Playfair Display";line-height:1.05}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#17221d;color:#f3f2ec;padding:7vw}.company-grid b{font-size:65px;font-weight:500}.company-grid span{display:block;font:8px "DM Mono";color:#9ba29b;letter-spacing:.13em;text-transform:uppercase}.people{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px}.people img{width:100%;height:100%;object-fit:cover}.people div{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.people h2{font-size:clamp(55px,6vw,90px);line-height:.85;letter-spacing:-.07em}.people p{color:var(--muted);line-height:1.7;max-width:450px}footer{padding:35px 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:8px "DM Mono";letter-spacing:.12em;color:var(--muted)}@media(max-width:850px){header nav,header .contact{display:none}header:after{content:'☰';margin-left:auto}.hero{min-height:650px}.intro,.pagehead,.careers,.feature,.people{grid-template-columns:1fr}.pagehead h1,.pagehead>p{grid-column:1}.business-grid,.impact-grid,.project-row,.insight-page,.company-grid,.impact-detail{grid-template-columns:1fr}.businesses>div:last-child{margin-left:0}.business-full article{grid-template-columns:1fr}.business-full img{min-height:430px}.project-gallery article:last-child{grid-column:auto}.numbers{grid-template-columns:1fr 1fr}.insight-list a{grid-template-columns:1fr}.careers p{margin-top:20px}footer{flex-direction:column;gap:18px}}
/* --- AUREN MICRO-MOTION SYSTEM --- */
@keyframes revealUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes softScale{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes lineIn{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.hero-copy small,.hero-copy h1,.hero-copy p,.hero-copy .button{animation:revealUp 1s cubic-bezier(.2,.7,.2,1) both}
.hero-copy h1{animation-delay:.12s}.hero-copy p{animation-delay:.22s}.hero-copy .button{animation-delay:.32s}
.hero video{animation:softScale 2.2s cubic-bezier(.2,.7,.2,1) both}
.business-grid article,.project-row article,.insight-list a,.impact-grid article,.business-full article,.project-gallery article,.insight-page article,.people,.feature{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s ease}
.business-grid article:hover,.project-row article:hover,.project-gallery article:hover,.insight-page article:hover{transform:translateY(-8px)}
.business-grid article img,.project-row img,.project-gallery img,.insight-page img,.feature>img,.people>img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.business-grid article:hover img,.project-row article:hover img,.project-gallery article:hover img,.insight-page article:hover img{transform:scale(1.045)}
.line{position:relative}.line:after{content:"";display:block;height:1px;background:currentColor;margin-top:6px;transform:scaleX(.18);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.line:hover:after{transform:scaleX(1)}
header nav a{position:relative}header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s ease}header nav a:hover:after,header nav .active:after{transform:scaleX(1);transform-origin:left}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.numbers>div{transition:transform .5s ease}.numbers>div:hover{transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}