/* Reduced scale while preserving the Connected Ideas direction */
header{height:84px;padding-inline:4vw}
.logo img{width:48px;height:48px}
.hero{height:clamp(560px,68svh,720px);min-height:0;padding:96px 6vw 38px}
.hero h1{font-size:clamp(3.4rem,5.8vw,6.2rem)}
.hero-bottom{max-width:820px;margin-top:24px}
.hero-bottom>p{font-size:16px;max-width:460px}
.circle{width:84px;height:84px}
.statement,.expertise,.projects,.method{padding:96px 6vw}
.statement h2{font-size:clamp(2.7rem,4.6vw,5rem);margin:42px 0}
.statement-foot{gap:7vw}
.sticky h2,.projects-title h2,.method h2{font-size:clamp(3rem,4.8vw,5.3rem);margin:30px 0}
.cards article{min-height:320px;padding:27px}
.cards svg{width:54px;height:54px;margin:30px 0 22px}
.project{margin-top:72px}
.screen{height:480px}
.beauty,.events{padding:60px}
.screen h3{font-size:clamp(2.1rem,3.5vw,4.3rem)}
.method ol{margin-top:48px}
.method li{padding-block:21px}
.contact{height:clamp(480px,60svh,650px);min-height:0}
.contact h2{font-size:clamp(3rem,5.5vw,5.8rem);margin:20px 0 34px}
.intro-rings{width:min(32vw,360px)}
.intro-copy{margin-top:-9%}
.intro-copy strong{font-size:clamp(1.45rem,2.5vw,2.7rem)}
footer{min-height:130px}

@media(max-width:850px){
  header{height:72px}
  .logo img{width:42px;height:42px}
  .hero{height:clamp(520px,72svh,620px);min-height:0;padding:82px 6vw 28px}
  .hero h1{font-size:clamp(2.8rem,11vw,4.3rem)}
  .hero-bottom>p{font-size:14px}
  .circle{width:70px;height:70px;font-size:8px}
  .statement,.expertise,.projects,.method{padding:72px 6vw}
  .intro-rings{width:min(64vw,310px)}
  .intro-copy strong{font-size:clamp(1.25rem,6vw,2rem)}
  .cards article{min-height:275px}
  .screen{height:350px}
  .beauty,.events{padding:28px}
  .contact{height:clamp(440px,64svh,560px);min-height:0}
  .contact h2{font-size:clamp(2.7rem,11vw,4.4rem);margin-bottom:28px}
}